
/* common */
/* Source Han Sans */
/* 思源黑体 CN */
/* common */

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;}

/* tab */
.y_csxqtab {background: #fff;}
.y_csxqtab .y_common_zbox{list-style: none;justify-content: space-between;padding: 0 0.8rem;}
.y_csxqtab li{}
.y_csxqtab li>a{height: 0.7rem;line-height: 0.66rem;border-bottom: 0.04rem solid #fff;font-size: 0.3rem;color:#222222 ;display: inline-block;}
.y_csxqtab li .y_sele_act{color: #E63429;font-weight: 500;border-color: #E63429;}

/* smtab */
.y_gysp {background: #fff;margin-top: 0.02rem;}
.y_gysp .y_common_zbox{}
.y_gysp .y_tab{width: 100%;overflow-y: auto;}
.y_gysp .y_tab>ul{width: 100%;list-style: none;white-space: nowrap;padding: 0.2rem 0;}
.y_gysp .y_tab li{display: inline-block;}
.y_gysp .y_tab li>a{display: block;border-radius: 0.2rem;border: 0.01rem solid #e2e2e2;padding: 0 0.16rem;height: 0.4rem;line-height: 0.4rem;color:#666666 ;font-size:0.24rem ;margin-right: 0.14rem;}
.y_gysp .y_tab .y_sele_act{border-color: #E63429;color: #E63429;}

/* content */
.y_gysp_content {margin-top: 0.2rem;background: #fff;padding-bottom: 0.3rem;height: auto;}
.y_gysp_content .y_common_zbox{}
.y_gysp_content ul{width: 100%;list-style: none;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1rem;}
.y_gysp_content .y_item {width: 3.5rem;padding-bottom: 0.05rem;display: inline-block;padding-top: 0.2rem;}
.y_gysp_content .y_item>a{display: block;width: 100%;height: 100%;} 
.y_gysp_content .y_item .y_pic{position: relative;;width: 3.5rem;height: 2.34rem;border-radius:0.05rem; overflow: hidden;} 
.y_gysp_content .y_item .y_pic .y_play{width: 0.5rem;height: 0.5rem; position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;} 
.y_gysp_content .y_item .y_pic .y_main_img{width: 100%;height: 100%;} 
.y_gysp_content .y_item .y_title2 {font-size: 0.26rem;color:#333333 ;width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: pre-wrap;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 0.1rem;line-height: 0.36rem;height: 0.72rem;} 
.y_gysp_content .y_item .y_title3 {width: 100%;justify-content: space-between;align-items: center;margin-top: 0.1rem;} 
.y_gysp_content .y_item .y_title3 .y_price{font-size: 0.3rem;color: #ee2a1a;font-weight: 500;} 
.y_gysp_content .y_item .y_title3 .y_like{font-size: 0.2rem;color: #999999;} 





