/* /static/mobile/img/list/list.css 列表,荣华软件,刘荣,2024-06-30 */

/* 列表搜索 */
.list_tip{text-align: center;padding-top: 20px;color: #808080;}
.list_search {display: flex;flex-direction: row;margin-left: 10px;margin-right: 10px;padding-top: 10px;position: relative;align-items: center;}
.list_search_input {font-size: 14px;color: #8a8887;background-color: #fff;height: 40px;line-height: 40px;width: 100%;padding: 0px 0px 0px 20px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;border: none;}
.list_search_ico {background-color: #fff;display: flex;flex-direction: column;justify-content: center;padding: 0px 10px 0px 10px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;height: 40px;line-height: 40px;}
.list_search_ico img{width: 20px;height: 20px;}

/* 列表描述 */
.list_about{font-size: 18px;display: flex;align-items: center;text-align: left;background: #fff;margin: 0px 10px;border-radius: 10px;padding: 5px 0px;}
.list_about .left img{width: 60px; height: 60px; border-radius: 5px;margin-left: 10px;}
.list_about .right{margin-left: 10px;}
.list_about .right .time{font-size: 13px;color: #2a82e4;margin-top: 5px;}

/* 列表切换 */
.list_tab {display: flex;}
.list_tab_list {white-space: nowrap;position: relative;padding: 20upx 0;display: flex;align-items: center;justify-content: space-around;}
.list_tab_item {display: inline-block;margin: 0 16upx;text-align: center;transition: color 0.3s ease;color: #808080;font-size: 16px;}
.list_tab_act{color: #000;font-weight: 600;border-bottom: 2px solid #000;}

/* 列表分类 */
.list_category{display: flex;padding: 0 2%;background-color: #fff;margin-bottom: 5px;height: 40px;line-height: 40px;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.list_category .item{margin-right: 20px;}
.list_category .line{border-bottom: 2px solid red;}

/* 列表导航 */
.list_navigate{display: flex; margin: 10px; padding-left: 10px; border-radius: 10px; background-color: #fff; height: 40px;line-height: 40px; }
.list_navigate .navigate_item{margin-right: 20px;} 
.navigate_item{position: relative;}
.navigate_item::after{content: '';position: absolute; left: 50%; bottom: 0; z-index: 1;width: 16px;height: 3px;margin-left: -8px;border-radius: 3px;}
.navigate_act{color: #000;font-weight: 600;}
.navigate_act::after{background-color: #000;}
	
/* 列表排序 */
.list_sort { padding-top: 20upx;padding-left: 24upx; background-color: #fff; border-bottom: 1px solid #eee;margin: 0 20rpx;border-radius: 20rpx;}
.list_sort .text{float: left; width: 25%;height: 70upx; font-size: 36upx; text-align: left;}
.list_sort .sort_active{color: #fe7910;background: none;}
.list_sort .text text {margin-left: 5px;} 
.list_sort .text .price{display: flex;align-items: center;}
.list_sort .text .price .sort{display: flex;align-items: center;flex-direction: column;margin-left: 5px;}
.list_sort .sort_asc {border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:4px solid #b2b2b2;display: inline-block;}
.list_sort .sort_desc{ border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #b2b2b2;display: inline-block;margin-top: 5px;}

/* 列表文章 */
.list_article{ background-color: #fff;margin: 10px;border-radius: 10px;}
.list_article .top{letter-spacing: 1px;display: flex;justify-content: space-between;border-bottom: 2px #eee solid;padding: 10px 15px;align-items: center;}
.list_article .item{border-radius: 10px;display: flex;align-items: center;height: 80px;line-height: 22px;border-bottom: 1px solid #eee;background-color: #fff;padding:10px 15px;}
.list_article .item .img{flex: none;width: 28%;border-radius: 10px;height: 100%;position: relative;overflow: hidden;position: relative;}
.list_article .item img{width: 80px; height:80px;border-radius: 10%;}
.list_article .item .describe{flex: 1;height: 100%;display: flex;flex-wrap: wrap;}
.list_article .item .describe .title{font-size: 16px;color: #333;width: 100%;}
.list_article .item .describe .time{font-size: 14px;color: #888;width: 100%;}
	
/* 列表商品 */
.list_goods{display: flex;flex-wrap: wrap;background: #f5f5f5;justify-content: space-between;width: 94%;margin: 0 auto;overflow: hidden;margin-top: 5px;padding: 0 3%;}
.list_goods .item{width: 45%;padding: 2%;border-radius: 10px;margin: 4px 0;background: #fff;}
.list_goods .item .img{height: 140px;width: 100%;}
.list_goods .item .img img{width: 100%;height: 100%;border-radius: 5px;}
.list_goods .item .describe{font-size: 14px;}
.list_goods .item .describe .title{padding: 5px 0;}
.list_goods .item .describe .price{color: #d73439;display: flex;justify-content: space-between;}
.list_goods .item .describe .price .flt span{font-size: 12px;}
.list_goods .item .describe .price .sales{color: #808080;font-size: 12px;}

/* 列表分数 */
.list_score{align-items: center;display: flex;justify-content: space-between;padding: 20px 10px;background: linear-gradient(to left,#e3eaf1 60%, #cad8ec);margin: 10px;border-radius: 10px;}
.list_score .score_left .num{font-size: 32px;}
.list_score .score_left .txt{font-size: 14px;color: #808080;margin-top: 10px;}
.list_score .score_right{background: #fff;border-radius: 20px;padding: 5px 20px;font-size: 14px;}

/* 列表链接 */
.list_ink {overflow: hidden;background-color: #fff;margin: 10px 10px 0px 10px;padding-bottom: 10px;border-radius: 10px;}
.list_ink .link_item {float: left;text-align: center;width: 25%;padding-top: 10px;display: flex;flex-direction: column;align-items: center;}
.list_ink .link_item img {height: 40px;width: 40px;}
.list_ink .link_item text {font-size: 13px;color: #666;margin-top: 5px;}
.list_ink .link_item .tag{background-color: red;color:#FFFFFF;font-size: 12px;float: right;margin-right: 5px;position: relative;top: -80px; border-radius: 10px;width: 40px;height: 16px;}

/* 列表选项 */
.list_option{background-color: #fff;margin: 10px;border-radius: 10px;}
.list_option .top{letter-spacing: 1px;display: flex;justify-content: space-between;border-bottom: 2px #eee solid;padding: 10px 15px;align-items: center;}
.list_option .top .number{font-size: 13px;color: #000;}
.list_option .top .add{color:#0077DD;border:1px solid #0077DD;font-size: 12px;border-radius: 12%;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:4px;}
.list_option .item{display: flex;padding: 10px;border-bottom: 1px solid #eee;}
.list_option .item img{width: 60px; height:60px;border-radius: 10%;}
.list_option .item .title{margin-left: 10px;height: 60px;position: relative;width: 100%;} 
.list_option .item .title .time{color: #adadad;margin-top: 0px;font-size: 13px;margin-top: 5px;}
.list_option .item .title .price{position: absolute;right: 10px;top: 0px;font-size: 14px; color: red;}
.list_option .item .title .operate{display: flex;position: absolute;right: 0px;bottom: -15px;padding: 10px;float: right;}
.list_option .item .title .operate .button{display: inline-block;margin-left:10px; text-align: center;color: #262626;border-radius: 5px; border: 1px solid #ababab; font-size: 14px;width: 40px;}
.list_option .item .title .operate .active{color: #cf2448; border: 1px solid #cf2448; background-color: #fff;}

/* 列表统计 */
.list_report{padding:10px;margin: 10px;border-radius: 10px;background: #fff;color: #000;}
.list_report .census{display: flex;justify-content: space-between;align-items: center;}
.list_report .census .submit{color: #317aff;font-size: 13px;background: #fff;border-radius: 10px;padding: 5px 10px;border: 1px solid #317aff;font-size: 12px;}
.list_report .census text{font-size: 16px;}
.list_report .state{margin-top: 20px;flex-wrap: wrap;display: flex;}
.list_report .state .state_item{display: flex;flex-direction: column;align-items: center;margin: 10px 0px;}
.list_report .state .state_item text{font-size: 22px;color: rgba(0,0,0,0.8);}
.list_report .state .state_item .state_text{margin-top: 5px;font-size: 14px;color: #808080;} 
.report_chart{margin: 10px;padding: 10px;background: #fff;border-radius: 10px;}

/* 瀑布流 */
.list_waterfall {width: 100%;display: flex;align-items: flex-start;box-sizing: border-box;padding: 0 10px;margin-top: 10px;}
.list_waterfall .list_waterfall_left,.list_waterfall .list_waterfall_right {margin: 0 auto;width: 48%;}
.list_waterfall_item{border-radius: 10px;margin: 4px 5px;background: #fff;margin-bottom: 15px;}
.list_waterfall_item .list_waterfall_img {width: 100%;height: auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.list_waterfall_item .list_waterfall_main{line-height: 25px;padding: 10px;}
.list_waterfall_item .list_waterfall_main .title{font-size: 14px;}
.list_waterfall_item .list_waterfall_main .price{font-size: 14px;color: #d73439;display: flex;justify-content: space-between;}
.list_waterfall_item .list_waterfall_main .price .flt span{font-size: 12px;}
.list_waterfall_item .list_waterfall_main .price .sales{color: #808080;font-size: 12px;}

/* 列表图片 */
.list_picture{display: flex;flex-wrap: wrap;padding: 0 6px;}
.list_picture .picture_item{width: 33.33%;padding: 6px;box-sizing: border-box;}