/* common */
/* Source Han Sans */
/* 思源黑体 CN */
/* common */
*{box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; margin: 0;padding: 0;font-family: "思源黑体 CN" ;font-size: 0;}
input,textarea{outline: none;}
a{text-decoration: none;}
body{background: #f7f7f7;}


/* 公共子集 */
.y_common_fbox{width:100%;max-width: 7.5rem;margin: 0 auto;    }
.y_common_zbox{width: 100%;padding: 0 0.15rem;margin: 0 auto;}
.y_common_flex{ display: flex;  display: -webkit-flex;display: -ms-flexbox;}

/* 返回 */
.y_csxq_back {background-color: #fff;margin-bottom: 0.02rem;}
.y_csxq_back .y_common_zbox{ justify-content: start;align-items: center;height: 0.88rem;}
.y_csxq_back .y_back {width: 1rem;display:inline-block;}
.y_csxq_back .y_back>*{vertical-align: middle;}
.y_csxq_back .y_back img{width: 0.17rem;height: 0.31rem;margin-right: 0.1rem;}
.y_csxq_back .y_back span{font-size: 0.3rem;color: #E63429;}
.y_csxq_back .y_csname {width: calc(100% - 1.8rem);text-align: center;white-space: nowrap;}
.y_csxq_back .y_csname span{font-size: 0.34rem;color: #222222;display: inline-block;vertical-align: middle;}
.y_csxq_back .y_csname .y_txt{max-width: 3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.y_csxq_back .y_csname .y_txt2{width: 1.32rem;}

.y_top {}
.y_top .y_common_zbox {padding: 0;}
.y_top .y_redbg{background: url(/static/theme/image/ranking/gb2_02.png) no-repeat;background-position: 0 0 ;background-size:100% 100%;height: 3.41rem;padding-top: 0.38rem;}
.y_top .y_redbg .y_txt{font-size: 0.34rem;width: 100%;text-align: center;background-image: linear-gradient(to right, #ffc88f, #fff2cf,#ffc289);-webkit-background-clip: text;color: transparent;}
.y_top .y_redbg .y_txt2{font-size: 0.6rem;width: 100%;text-align: center; background-image: linear-gradient(to right, #ffc88f, #fff2cf,#ffc289);-webkit-background-clip: text;color: transparent;font-weight: bold;}

.y_top .y_downbox {position: relative;height: 0.8rem;}
.y_top .y_downbox .y_floatbox {width: 100%;height: 1.6rem;;border-radius:  0.1rem 0.1rem 0 0;background: #fff;position:absolute;top:-0.8rem ;}
.y_top .y_downbox .y_xz{width: 100%;height: 0.8rem;position: relative;padding: 0 0.15rem;}
.y_top .y_downbox .y_xz p{height: 0.8rem;line-height: 0.8rem;padding: 0 0.2rem;border-bottom: 0.01rem solid #e8e8e8;}
.y_top .y_downbox .y_xz p *{vertical-align: middle;}
.y_top .y_downbox .y_xz p span{height: 0.8rem;line-height: 0.8rem;display: inline-block;margin-right: 0.1rem;font-size: 0.3rem;color:#222222 ;}
.y_top .y_downbox .y_xz p .y_jt{width: 0.19rem;height:auto;transition: all 0.2s linear;transform-origin: center;}

.y_top .y_fenleiModal {display: none;position: absolute;top: 0.8rem;left: 0;background: #fff;width: 100%;height:auto ;z-index: 1000;padding: 0 0.2rem;overflow: hidden;}
.y_top .y_fenleiModal>div{width: 100%;height: 100%;justify-content: start;}
.y_top .y_fenleiModal .y_ffl {width: 2.45rem;list-style: none;overflow-y: auto;padding-bottom: 0.5rem;height: 100vh;}
.y_top .y_fenleiModal .y_ffl>li{width: 100%;} 
.y_top .y_fenleiModal .y_ffl a{display: block;width: 100%;text-align: left;font-size:0.24rem ;color:#333333 ;height: 0.6rem;line-height: 0.6rem;padding-left: 0.3rem;}
.y_top .y_fenleiModal .y_select{color: #E63429 !important;}
.y_top .y_fenleiModal .y_slistbox {width: calc(100% - 2.45rem);height: 100vh;overflow-y: auto;}
.y_top .y_fenleiModal .y_sfl {padding-bottom: 0.5rem;display: none;}
.y_top .y_fenleiModal .y_sfl:nth-child(1){display: block;}
.y_top .y_fenleiModal .y_sfl>li{width: 100%;} 
.y_top .y_fenleiModal .y_sfl a{display: block;width: 100%;text-align: left;font-size:0.24rem ;color:#333333 ;height: 0.6rem;line-height: 0.6rem;padding-left: 0.1rem;}
.y_top .y_fenleiModal .y_sfl a:hover{color: #E63429;}
.y_show{display: block !important;}
.y_anjt{transform: rotate(180deg) !important;}
.y_txtblue{color: #E63429 !important;}
.y_body_hi{overflow: hidden;}

.y_top .y_downbox .y_tab {list-style: none;width: 100%;justify-content: start;height: 0.8rem;align-items: center;padding: 0 0.35rem;}
.y_top .y_downbox .y_tab li{margin-right: 0.2rem;}
.y_top .y_downbox .y_tab li a{display: block;height: 0.5rem;padding: 0 0.2rem;line-height: 0.5rem;border-radius:0.25rem;background: #f7f7f7; font-size:0.26rem ;color: #666666;}
.y_top .y_downbox .y_tab .y_sele{color: #855319;background: #f1e2c8;}
.y_top .y_downbox .y_tab li{}
.y_top .y_downbox {}
.y_top .y_downbox {}
.y_top .y_downbox {}

/*  */
.y_content {margin-top: 0.25rem;}
.y_content .y_cslist{list-style: none;}
.y_content .y_cslist li{width: 100%;padding: 0.2rem;background: #fff;border-radius :0.1rem; overflow: hidden;margin-bottom: 0.2rem;;}
.y_content .y_cslist>li>a{display: block;}
.y_content .y_cslist .y_listop {width: 100%;justify-content: space-between;}
.y_content .y_listop .y_pic{position: relative;width: 3rem;height: 2rem;border-radius: 0.1rem;overflow: hidden;margin-right: 0.2rem; ;}
.y_content .y_listop .y_pic img{width: 100%;height: 100%;}
.y_content .y_listop .y_pic .y_tag {font-size :0.2rem; ;color:#fff ;position: absolute;top: 0;background: #676767;;left: 0;display: block;border-radius: 0.1rem 0 0.1rem 0;width: 0.7rem;height: 0.3rem;text-align: center;line-height: 0.3rem;}
.y_content .y_cslist li:nth-child(1) .y_tag {background: #fe2d46;}
.y_content .y_cslist li:nth-child(2) .y_tag {background: #ff6600;}
.y_content .y_cslist li:nth-child(3) .y_tag {background: #faa90e;}
.y_content .y_listop .y_info {width:calc(100% - 3.2rem);}
.y_content .y_listop .y_info .y_txt{font-size :0.3rem; ;color:#333 ;width: 100%;line-height: 0.4rem;overflow: hidden;text-overflow: ellipsis;white-space: pre-wrap;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.y_content .y_listop .y_info .y_hot {width: 100%;margin-top: 0.1rem;}
.y_content .y_hot .y_star{vertical-align: middle;background:url(/static/theme/image/ranking/hot.png) no-repeat;background-size: 1.2rem 0.5rem ;background-position: 0 -0.27rem;width: 1.21rem;height: 0.25rem;display: inline-block;}
.y_content .y_hot .y_star>div{background:url(/static/theme/image/ranking/hot.png) no-repeat;background-size: 1.2rem 0.5rem ;background-position: 0 0;width: 1.21rem;height: 0.25rem;}
.y_content .y_hot span{font-size :0.22rem; ;color:#333333 ;vertical-align: middle;margin-left: 0.06rem;}
.y_content .y_price {font-size :0.32rem; ;color:#af6918;font-weight: bold ;margin-top: 0.3rem;}
.y_content .y_pj {width: 100%;justify-content: start;align-items: flex-start;margin-top: 0.2rem;background: #fffbf4;padding: 0.15rem 0.1rem;border-radius: 0.1rem;}
.y_content .y_pj .y_firstxt{width: 0.3rem;height: 0.3rem;line-height: 0.3rem;text-align: center;font-size:  0.2rem; ;color:#fff ;background: #E63429;border-radius: 50%;margin-right: 0.1rem;}
.y_content .y_pj .y_pjtxt{font-size :0.24rem; ;color:#814f14 ;line-height: 0.36rem;width: calc(100% - 0.4rem);}
.y_content .y_pj {}
.y_content .y_pj {}