.me{height: 180px;background-image: linear-gradient(to bottom,#278dff,#5daaff);border-radius: 6px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.me .head{width: 65px;height: 65px;background-color: #fff;border-radius: 50%;margin-bottom: 15px;}
.me .status{text-align: center;font-size: 14px;}
.me .name{font-size: 15px;color: #fff;}
.leftBot{background-color: #fff;margin-top: 15px;border-radius: 6px;padding-bottom: 20px;}
.leftBot ul{padding-left: 0;padding: 20px 0;}
.leftBot ul li{list-style: none;padding:15px 20px;width: 100%;text-align: center;color: #6a6a6a;font-size: 15px;}
.leftBot ul li img{width: 25px;margin-right: 10px;}
.leftBot ul li img.img2{display: none;}
.leftBot .tuichu{margin: 0 auto; padding: 5px 15px;border: 1px solid #4d98fb;border-radius: 6px;width: fit-content;font-size: 13px;color: #4d98fb;margin-top: 100px;}
.leftBot .tuichu img{width: 25px;margin-right: 10px;}
.content .right{background-color: #fff;padding: 30px 20px;border-radius: 6px;min-height: 617px;}
.content .right .biaoti2{margin-left: 20px;}
.content .right hr{width: 70%;background-color: #ccc;height: 1px;margin: 20px 0;}
.content .right .xinxi{padding: 20px;}
.content .right .xinxi .name{display: flex;align-items: center;margin-bottom: 5px;}
.content .right .xinxi .name .zi{width: 80px;text-align: right;}
.content .right .xinxi .name input{width: 300px;padding: 8px 15px;border: 1px solid #ccc;outline: none;border-radius: 4px;}
.content .right .xinxi button{width: 300px;background-color: #4d98fb;color: #fff;text-align: center;padding: 8px 0;border: 0;border-radius: 4px;margin: 50px 0;}

/* 我的订单页面 */
.meActive{color: #4d98fb!important;border-left: 3px solid #4d98fb;background-color: #f7f7f7;}
.content .right2{padding: 30px 0!important;}
.table-striped > tbody > tr:nth-of-type(odd){background-color: #F7F7F7;}
 .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 0;text-align: center;font-size: 12px;}
.table > tbody > tr > td:nth-last-child(1){color: red;}
.table > tbody > tr > td>a{color: red;}
.table > thead > tr > th{border-bottom: 0;text-align: center;font-size: 13px;}
.content .right2 .table{padding: 0 20px;}


 .ydTable{padding: 10px;font-size: 12px;display: none;}
.ydTable .box{background-color: #f6f8fe;box-shadow: 1px 3px 8px #ececec;padding: 5px 15px;border-radius: 4px;margin-bottom: 15px;}
.ydTable .top{display: flex;align-items: center;padding: 10px 0;}
.ydTable .top .topLeft img{width: 50px;height: 50px;}
.ydTable .top .topRight{width: 75%;margin-left: 15px;}
.ydTable .top .topRight .det{margin-bottom: 2px;}
.ydTable .top .topRight .det:nth-of-type(1){color: #666;}
.ydTable .top .topRight .det:nth-of-type(3){display: flex;align-items: center;}
.ydTable .top .topRight .det:nth-of-type(3) span{color: #ff5e5e;margin-top:5px;}
.ydTable .top .topRight .det:nth-of-type(3) .status{color: #fff;background-color: #278dff;margin-left: 10px;padding: 2px 5px;border-radius:0;}
.ydTable .bottom{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;padding-bottom: 10px; border-top: 1px dashed #E5E5E5;}
.ydTable .bottom .zf{color: #fff;background-color: #278dff;padding: 2px 5px;margin-left:10px;}
.ydTable .bottom .zfBox{display: flex;}


/* 我的收藏页面 */
.sc{display: flex;}
.sc .cj{margin-left: 10px;font-size: 13px;font-weight: 500;color: #278dff;border: 1px solid #61abff;border-radius: 8px;padding: 3px 10px;}
.scWrap{margin: 20px 0;}
.scBox{width: 100%;border: 1px solid #ccc;padding: 15px 20px;margin-bottom: 20px;}
.scBox .sctop{display: flex;align-items: center;}
.scBox .sctop img{width: 75px;}
.scBox .sctop .name{margin-left: 15px;font-size: 15px;font-weight: 600;}
.scBox .scBtn{margin-top: 40px;margin-bottom: 20px;display: flex;}
.scBox .scBtn .btn1{font-size: 15px;border-radius: 4px;padding: 2px 10px;margin-right: 20px;}
.scBox .scBtn .quxiao{border: 1px solid #52a4ff;color: #278dff;}
.scBox .scBtn .buy{border: 1px solid #fd6e6f;color: #fc4a4b;}
.page{display: flex;padding: 0;margin: 40px auto;width: fit-content;margin-bottom: 0;}
.page li{list-style: none;width: 35px;height: 35px;border: 1px solid #ccc;border-radius: 6px;text-align: center;line-height: 35px;margin-left: 2px;margin-right: 2px;}
.page a{color: #828282;}
.pageActive{color: #fff;background-color: #4d98fb;}
table.htTable> tbody > tr > td:nth-of-type(3){color: red;}


@media only screen and (max-width: 768px){
    .me .head{position: unset;}
    .dztable tr th:nth-last-child(1){width:18%;}
    .dztable tr td:nth-last-child(1) span{display:block;}
    .metable{display:none;}
    .ydTable{display:block;}
	.content .right .xinxi .name input{width: 240px;}
	.content .right hr{width: 100%;}
	.content .right2 .table .shu{display: none;}
	.leftBot .tuichu{margin-top: 0;}
	.page li{width: 25px;height: 25px;line-height: 25px;font-size: 12px;}
	.page li img{width: 13px;}
}