@charset "utf-8";

body {width: 100%;background: #F5F5F5}

.common_title{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 10px;background:linear-gradient(#fcd1da 0,#fff 100%);box-sizing:border-box}
.common_title .tit{position:relative;font-size:16px;font-weight:800;color:#1a1a1a}
.common_title .more{position:relative;padding-right:15px;font-size:12px;font-weight:700;color:#e13b3b}
.common_title .more::after,.common_title .more::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#f68b8b;position:absolute;top:50%;transform:translateY(-50%);right:0}
.common_title .more::before{right:8px;background:#e05757}

.part1{margin:10px;background:#fff;border-radius:10px;overflow:hidden}
.part1 .list1{width:100%;padding:0 10px;box-sizing:border-box}
.part1 .list1 .list_item{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}
.part1 .list1 .list_item .left{width:60%}
.part1 .list1 .list_item .left p{font-size:14px;font-weight:700;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.part1 .list1 .list_item .left .info{display:block;width:100%;margin-top:5px;font-size:12px;font-weight:700;color:#e13b3b}
.part1 .list1 .list_item .left .info span{color:#999}
.part1 .list1 .list_item .right{width:120px;height:60px;border-radius:8px}
.part1 .list2{display:block;padding:0 10px 5px;box-sizing:border-box}
.part1 .list2 .list_item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.part1 .list2 .list_item span{text-align:center;width:36px;height:20px;border:1px solid #e13b3b;border-radius:3px;font-size:12px;font-weight:700;color:#e13b3b;line-height:20px}
.part1 .list2 .list_item p{width:85%;font-size:14px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.part2{display:block;margin:10px;background:#fff;border-radius:.3rem;overflow:hidden}
.part2 .tabs{display:flex;justify-content:start;padding:0 10px;box-sizing:border-box}
.part2 .tabs .swiper-wrapper{display:flex;justify-content:start}
.part2 .tabs .tab{padding:0 10px;height:26px;margin-right:10px;line-height:26px;background:rgba(255,247,247,0);border:1px solid #e13b3b;border-radius:3px;font-size:14px;font-weight:800;color:#e13b3b;text-align:center}
.part2 .tabs .tab.active{color:#fff;background:#e13b3b}
.part2 .list{display:none;margin-top:10px;padding:0 10px;box-sizing:border-box}
.part2 .list.active{display:block}
.part2 .list .list_item{display:flex;justify-content:space-between;align-items:center;width:100%;height:36px;border-bottom:1px solid #dbdbdb}
.part2 .list .list_item.hide{display:none}
.part2 .list .list_item p{width:80%;font-size:14px;font-weight:400;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.part2 .list .list_item span{font-size:12px;font-weight:400;color:#999}
.part2 .list .more{display:block;height:40px;font-size:14px;font-weight:400;color:#e05757;text-align:center;line-height:40px}
.part2 .list .more.hide{display:none}