html{
    font-size: 39.3px;
}
body *{
    /*font-family:"harmonyos-regular","Microsoft Yahei",Arial,Helvetica;*/
    font-family: PingFangSC-Regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a3a3a3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a3a3a3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a3a3a3;
}
.topBox {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height:1.333334rem;
}
.topBox header {
    box-sizing: border-box;
    width: 100%;
    height:1.333334rem;
    padding: 0 0.320016rem;
    background-color: #fff;
    border-bottom: 1px solid #f5f3f3;
    box-shadow:0 0 0.0666667rem rgba(0,0,0,.1);
}
.topBox header .lg {
    float: left;
    height:1.333334rem;
    font-size: 0;
}
.topBox header .lg img{
    margin-top: 0.23rem;
}
.topBox header .topBox_right{
    float: right;
}
.topBox header .topBox_right .topBox_sousuo{
    float: left;
    position: relative;
    margin-right: 0.37333352rem;
    margin-top: 0.3333335rem;
}
.topBox header .topBox_right .topBox_sousuo input{
    width:  4.8rem;
    height: 0.8rem;
    background: #f5f5f5;
    border: none;
    border-radius: .4rem;
    text-indent: .2rem;
    font-size: 0.293rem;
    padding: 0;
    color: #030303;
    outline: none;
    padding-left: 0.267rem;
    padding-right: 1rem;
}
.topBox header .topBox_right .topBox_sousuo .topBox_sousuo_img{
    position: absolute;
    right: .27rem;
    top: .15rem;
    width: 0.453rem;
}
.search_list{
    height: 0.8rem;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0.2rem;
    padding: 0.2rem 0 0 0.3rem;
    font-size: 0.293rem;
}
.search_list .swiper-slide{
    color: #a3a3a3;
}
.topBox header .topBox_right .topBox_announcement{
    float: left;
    position: relative;
    margin-top:0.3333335rem;
    width: 0.773rem;
    text-align: center;
    font-size: 0.2321334494rem;
    margin-right: 0.4000002rem;
    color: #a3a3a3;
}
.topBox header .topBox_right .topBox_announcement .hr{
    width: 0.16666675rem;
    height: 0.16666675rem;
    border-radius: 0.1rem;
    background: #ff5647;
    position: absolute;
    right: -0.07rem;
    top: -0.07rem;
}
.topBox header .topBox_right .topBox_announcement .topBox_announcement_img{
    width: 0.773rem;
    margin-bottom: 0.04rem;
}
.topBox header .topBox_right .topBox_xiaoxi{
    float: left;
    position: relative;
    margin-top: 0.3333335rem;
    width: 0.773rem;
    text-align: center;
    font-size: 0.2321334494rem;
    color: #a3a3a3;
}
.topBox header .topBox_right .topBox_xiaoxi .topBox_xiaoxi_img{
    width: 0.773rem;
    border-radius: 0.507rem;
    margin-bottom: 0.013rem;
}
.topBox header .topBox_right .topBox_xiaoxi a{
    color: #a3a3a3;
}
.window img{
    display: block;
    margin: auto;
}

.window{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.75);
    z-index: 999;
}
.window_bg{
    display: block;
    position: absolute;
    bottom: 0;
    right: 10%;
    top: 25%;
    margin: auto;
    width: 80%;
}
.window.window_login .window_bg{
    top: 40%;
}
.window.window_login{
    z-index: 9999;
}
.window_top{
    margin: auto;
    width: 7.333rem;
    position: relative;
}

.window_announcement.window{
    z-index: 9999;
}
.window_announcement .window_bg{
    top: 28%;
}
.window_sign .window_bg{
    top: 28%;
}

.window_sign .off_bin{
    width: 0.667rem;
    height: 0.667rem;
    cursor: pointer;
    margin: 0.8rem auto 0;
}
.window_sign .open_vip{
    width: 6.8rem;
    height: 1.5rem;
    cursor: pointer;
    position: absolute;
    top: 6.7rem;
    right: 50%;
    margin-right: -3.2rem;
}
.window_sign .window_top{
    width: 7.49333708rem;
    height: 7.10667022rem;
    background: #fff;
    margin: auto;
    border-radius: 0.3333335rem;
}
.window_sign .window_top img.window_img{
    width: 8.02667068rem;
    max-width: none;
    position: absolute;
    left: -.05rem;
    top: -1.43rem;
}
.window_sign .window_sign_txt{
    width: 100%;
    font-size: .7405337036rem;
    color: #ff7721;
    text-align: center;
    padding-top: 3rem;
}
.window_sign .window_sign_txt_one{
    font-size: .7405337036rem;
    color: #ff7721;
    text-align: center;
}
.window_sign .window_sign_txt_two{
    font-size: .3333335rem;
    color: #333333;
    text-align: center;
    margin-top: .5rem;
}
.window_sign .open_vip{
    position: unset;
    width: 6.29333648rem;
    height: 1.1108005554rem;
    background: #f8783b;
    background-image: linear-gradient(to bottom, #f28e26 , #fd644f);
    text-align: center;
    line-height: 1.1108005554rem;
    font-size: .42666688rem;
    color: #ffffff;
    margin: auto;
    border-radius:.6rem ;
    margin-top: .50666692rem;
}
.window_sign .window_sign_txt_two span{
    color: #ff5647;
}
.window_announcement .window_top{
    width: 8.000004rem;
    background: #fff;
    border-radius: .2666668rem;
    padding-bottom: .666667rem;;
}
.window_announcement_title{
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: .48000024rem;
    margin-top: .4rem;
}
.window_announcement_p{
    color: #a3a3a3;
    font-size: .34666684rem;
    margin: auto;
    margin-top: .4666669rem;
    width: 89%;
    letter-spacing:.01rem;
    line-height: .50666684rem;
    white-space: pre-line;
}
.window.window_announcement .off_bin{
    position: unset;
    width: 5.70666952rem;
    height: .91333379rem;
    background: #ff5647;
    text-align: center;
    line-height: .91333379rem;
    font-size: .42666688rem;
    color: #fff;
    margin: auto;
    border-radius:.5rem ;
    margin-top: .8000004rem;
    letter-spacing:.01rem;
}
.window_div{
    width: 7.333rem;
    height: 4.267rem;
    background: #fff;
    border-radius: 0.333rem;
    margin: 0 auto;
}
.window_div p{
    padding-top: 1.067rem;
    font-size: 0.373rem;
    color: #333333;
    text-align: center;
}
.window_div .off_bin{
    width: 6.08rem;
    height: 1.067rem;
    line-height: 1.067rem;
    text-align: center;
    background: #343434;
    font-size: 0.387rem;
    color: #ffffff;
    border-radius: 1.067rem;
    margin: 0.8rem auto 0;
}
.window_div .close_bin{
    width: 0.667rem;
    height: 0.667rem;
    position: absolute;
    top: 0.267rem;
    right: 0.267rem;
}

.window_pay.window{
    z-index: 1001;
}
.window_pay_qrcode  .window_div{
    height: 7.6rem;
}
.window_div p.pay_text{
    padding-top: 0.6rem;
}
.light{
    font-weight: 300;
}
.medium{
    font-weight: 500;
}


.list{
    margin-top: 0.3333335rem;
    width: 100%;
}
.list ul li{
    height: 2.293rem;
    background: #fff;
    border-radius: 0.2rem;
    box-sizing: border-box;
    padding: 0.133rem;
    margin-top: 0.2666668rem;
    position: relative;
}
.list ul li img.timg{
    display: block;
    float: left;
    margin-right: 0.2666668rem;
    width: 3.067rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    height:2.027rem;
    border-radius: 0.133rem;
}
.list_ul_content{
    float: left;
    width: 5.56rem;
    height: 100%;
    position: relative;
}
.list ul li h1{
    font-size:0.367rem;
    font-weight: 700;
    color: #242526;
    max-height: 0.94rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.1rem;
    line-height: 1.2;
    word-break: break-all;
}
.list ul li p{
    font-size: 0.2666668rem;
    color: #f56212;
}
.list ul li p span{
    padding:0  0.24rem;
    border-radius: 0.667rem;
    font-size: 0.293rem;
    color: #b2b2b2;
    position: relative;
}
/*background-color: #44b349;*/
.list ul li p span::before {
    position: absolute;
    content: '';
    width: 0.147rem;
    height: 0.147rem;
    background-color: #fc8723;
    border-radius: 0.147rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.list ul li p.app_list span::before{
    background-color: #2294ee;
}
.list ul li p.id_list span::before{
    background-color: #2294ee;
}

.list ul li .info{
    position: absolute;
    bottom:0;
    left: 0;
    width:5.56rem;;
}
.list ul li .info div{
    font-size: 0.307rem;
    color: #b2b2b2;
}
.list ul li .info  .money span{
    font-size: 0.2666668rem;
}
.list ul li .info  .money{
    position: absolute;
    right: 0;
    bottom: 0.02rem;
}
.list ul li .info  .time{
    font-size: 0.307rem;
    color: #b2b2b2;
}
.list ul li .info  .time img{
    float: left;
    display: block;
    margin-top: .08rem;
    margin-right: .07rem;
    width: 0.25333346rem;
}
.list ul li .sign{
    position: absolute;
    left: 0.2000001rem;
    top: 0.2000001rem;
}
.list ul li .sign img{
    width: 0.48000024rem;
}
.list ul li img.part1_jf{
    width: 0.307rem;
    display: inline-block;
    float: none;
    margin-right: 0.04rem;
    margin-top: 0.06rem;
}



.web_stay{
    width: 9.2000046rem;
    margin: auto;
    margin-top: .8666671rem;
    /*padding-bottom: 1rem;*/
}
.web_stay_title{
    color: #000000;
    font-size: 0.3872rem;
    position: relative;
    padding-left: 0.373rem;

    font-weight: 500;
}
.web_stay_title span{
    color: #a3a3a3;
}
.web_stay_title::before{
    position: absolute;
    content: '';
    width:0.107rem;
    height: 0.41rem;
    background-color: #fc8723;
    border-radius: 0.067rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.web_stay_panel{
    margin-top: 0.8000004rem;
    overflow: hidden;
}
.web_stay_panel div{
    float: left;
}
.web_stay_panel_tx img{
    width: .8000004rem;
    border-radius: 0.8rem;
}
.web_stay_panel .web_stay_panel_sr{
    width: 8.1300004rem;
    box-sizing: border-box;
    border: 0.02666668rem solid #cccccc;
    height: .8000004rem;
    margin-left: .24000012rem;
    float: right;
    border-radius: .10666672rem;
}
.web_stay_panel_sr input{
    border: none;
    background: none;
    height: .7500004rem;
    width: 6.4000032rem;
    outline: none;
    font-size: .34666684rem;
    text-indent: .1rem;
    display: block;
    float: left;
}
.web_stay_panel .butt_tj{
    width: 1.12000056rem;
    height: .61333364rem;
    text-align: center;
    line-height: .61333364rem;
    background: #cccccc;
    border-radius: .0666667rem;
    margin-top: 0.0666667rem;
    float: right;
    margin-right: 0.0666667rem;
    border: none;
}
.comment_list_ul .comment_list_li_box{
    overflow: hidden;
}
.comment_list_li_left{
    float: left;
}
.comment_list_li_tx{
    width: 0.8000004rem;
}
.comment_list_li_tx img{
    border-radius: 0.8rem;
}
.comment_list_li_right{
    float: right;
    overflow: hidden;
    width: 8.1300004rem;
}
.web_stay_hr{
    width: 8.1300004rem;
    height: 0.01333334rem;
    background: #cccccc;
    margin-left: 1.06333396rem;
    margin-top: .3333335rem;
    margin-bottom: .3333335rem;
}
.comment_list_li_info{
    float: left;
}
.comment_list_li_id{
    color: #666666;
    font-size: .34666684rem;
}
.comment_list_li_time{
    color: #a3a3a3;
    font-size: .2666668rem;
    margin-top: .05rem;
}
.comment_list_li_praise{
    float: right;
    color: #a3a3a3;
    font-size: .29333348rem;
    margin-top: .25rem;
    margin-right: .36rem;
}
.comment_input{
    cursor: pointer;
}
.comment_list_li_praise .praise_img{
    width: .37333352rem;
    margin-right: .1rem;
    vertical-align: sub;
    cursor: pointer;
    margin-left: .2666668rem;
}

.praise_active{
    color: #ff5647;
}
.comment_list_li_bottom{
    margin-top:.222rem;
    color: #000;
    font-size: .34666684rem;
}
.comment_list_ul_z{
    width: 8.1300004rem;
    margin-left: 1.06333396rem;
}
.comment_list_ul_z .comment_list_li_right{
    width: 7.1rem;
}
.comment_list_ul_z li{
    margin-top: .3333335rem;
}
.comment_list_li_without{
    margin-top:.8666671rem;
    color: #a3a3a3;
    font-size: .34666684rem;
    text-align: center;
}
.web_rule{
    width: 9.2000046rem;
    margin: auto;
    margin-top: .86rem;
    color: #2d2e30;
    font-size: 0.3872rem;
    font-weight: 300;
    line-height: .55rem;
    padding-bottom: 1rem;
}
.web_rule p{
    white-space: pre-wrap;
}
.web_rule .web_rule_title{
    color: #000000;
    font-size: 0.415rem;
    position: relative;
    padding-left: 0.373rem;
    font-weight: 500;
}
.web_rule .web_rule_title::before {
    position: absolute;
    content: '';
    width: 0.107rem;
    height: 0.467rem;
    background-color: #fc8723;
    border-radius: 0.067rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 640px){
    .topBox header {
        width: 640px;
        margin: auto;
    }
}