body{background:#fff}

/* pc版 */
.layui-tab{margin-top:40px;text-align:center!important}
.layui-tab .layui-tab-title{border:none;height:auto}
.layui-tab li{font-size:16px;color:#333;padding:2px 30px}
.layui-tab .layui-this{color:#fff!important;background:var(--main_color)}
.layui-tab .layui-this:after{border:none!important}


.list{clear:both;margin:35px 0 60px 0}
.item:nth-of-type(1){border-top:1px solid var(--bd_color)}
.item{border-bottom:1px solid var(--bd_color)}
.item a{display:flex;color:#333;font-size:14px;padding:20px 0}
.item:hover{background:var(--main_color)}
.item:hover a{color:#fff}
.item .title{width:calc(100% - 140px)}
.item .space{width:20px}
.item .time{width:120px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;text-align:right;}
#page{text-align:center}

.layui-layer-content{padding:50px 40px}
.table_title{text-align:center;background:var(--minor_color);color:#fff;font-size:16px;line-height:40px}
.layui-table{margin:0;border:none!important}
.layui-table thead tr{background:#ffdfcc;line-height:40px}
.layui-table thead tr th{font-size:14px;line-height:40px;color:#333;padding-top:0;padding-bottom:0}
.layui-table tbody td{padding-top:10px;padding-bottom:10px}
.layui-table .fromName{min-width:150px;width:30%}
.layui-table .time{min-width:80px;width:20%}
.layui-table .amount{min-width:80px;width:20%}
.layui-table .toName{min-width:150px;width:30%}
.refund{font-size:12px;color:red}

@media screen and (max-width:991px){
	/* PHONE版 */
	.layui-tab li{padding:0 20px}
	
	.list2{margin-top:20px;background:#f2f2f2;padding:20px 15px 15px 15px}
	.layui-collapse{border:none}
	.layui-collapse .layui-colla-icon{display:none}
	.layui-colla-item{background:#fff;margin-bottom:10px;border-top:none;border-radius:8px}
	
	.layui-colla-item .layui-colla-title{font-size:15px;padding:20px 30px 20px 15px;display:flex;background:#fff;border-radius:8px;line-height:1.5;min-height:82px;height:auto}
/* 	.list2 .down-arrow:before{content:"";display:inline-block;height:7px;width:7px;position:absolute;top:50%;left:12px;margin-top:-4px;border-radius:50%;background:#000} */
	.down-arrow:after{right:15px;margin-top:-7px}
	.down-arrow.act_in::after{transform-origin:center;transform:rotate(-225deg);top:50%;border-color:#fff}
	.layui-colla-item .layui-colla-title span{color:#5dcbcf }
	.down-arrow.act_in{background:var(--main_color);color:#fff;border-radius: 8px 8px 0 0}
	.layui-colla-title.down-arrow.act_in span{color:#fff}
	
	.item3{margin:0 0 10px 0;line-height:24px}
	.item3 .col-xs-12{padding:0}
	.flx1, .flx2, .flx3{display:flex}
	.bkct{color:#222}
	.flx1 .name{width:100px}
	.flx1 .money{width:calc(100% - 100px);text-align:right;color:#5dcbcf}
	.flx2 .name{width:calc(100% - 100px)}
	.flx2 .time{width:100px;text-align:right}
	
	.item3+.item3{border-top:1px solid var(--bd_color);padding-top:10px}
}