.order_div{width: 1480rem; color: var(--theme-00-ff); font-size: 12rem;}
.order_div .order_tt{font-size: 32rem; font-weight: bold;}
.order_div .order_navs{padding: 30rem 0;}
.order_div .order_navs a{margin-right: 60rem; color: var(--theme-00-ff); font-size: 14rem; display: block;}
.order_div .order_navs a:after{width: 100%; content: ''; display: block; margin-top: 4rem; height: 4rem; background: none; border-radius: 4rem;}
.order_div .order_navs a.active{font-weight: bold;}
.order_div .order_navs a.active:after{background: #648EFC;}

.order_list .titles{background: var(--theme-F1F1F1-3E494E);line-height: 37rem;border-radius: 8rem; font-weight: bold; font-size: 14rem;}
.order_list .titles .td1{flex:1; padding-left: 40rem;}
.order_list .titles .td2{width: 20%;}
.order_list .titles .td3{width: 20%;}
.order_list .titles .td4{width: 10%; text-align: right; padding-right: 20rem;}
.order_list .tr{padding: 20rem 0; border-bottom:1px solid var(--theme-cc-3e) ; font-size: 14rem;}
.order_list .tr .td1{flex: 1;}
.order_list .tr .td2{width: 20%; color: #FF0000;}
.order_list .tr .td3{width: 20%;}
.order_list .tr .td4{width: 10%; text-align: right; padding-right: 10rem;}
.order_list .tr a{margin-left: 20rem; transition: 0.3s;}
.order_list .tr a:hover{color: #648EFC;}

.goods_info{ color: var(--theme-00-ff); line-height: 1.2;}
.goods_info .cover{width: 80rem; height: 80rem; margin-right: 30rem;}
.goods_info .cover img{width: 100%; height: 100%; object-fit: cover; border-radius: 6rem;}
.goods_info  .title{font-size:14rem; margin-bottom: 10rem; font-weight: bold;}
.goods_info  .desc{font-size: 14rem;}
.goods_info  .labels span{padding: 0 5rem; margin-right: 8rem; margin-bottom: 8rem;  border: 1px solid #979797; line-height: 22rem; border-radius: 3rem; font-size: 12rem;}

/* .eval_div_dia{padding: 16rem;} */
.eval_div_dia .el-dialog__body{padding: 20rem; font-size: 14rem;}
.eval_div .eval_item{padding:10rem 0;}
.eval_div .eval_item .t{width: 100rem; padding-top: 1px;}
.eval_div .eval_item i{color: #979797; transition: 0.2s; font-size: 24rem;}
.eval_div .eval_item i.active{color: #FF8829;}
.eval_div .eval_item textarea{width: 100%; padding: 10rem; font-size: 14rem; line-height: 22rem; height: 140rem; background: #E5EBEE; border-radius: 8rem; outline: none; border: none;}
.eval_item .sub_btn{line-height: 32rem; display: block; background: #DE181D; color: #fff; padding: 0 26rem; border-radius: 8rem; margin-right: 13rem; font-size: 14rem;}
.eval_item .sub_btn.cancel{background: #E5EBEE; color: #000000;}
/* 手机样式 */
@media screen and (max-width: 1024px) {
	body{padding-bottom: 58rem;}
	.order_div{ padding: 10rem 15rem;width: 100vw;}
	.order_div .order_navs{justify-content: space-around; padding: 10rem 0; display: block;
        display: block;
        white-space: nowrap;
        overflow: auto;}
	.order_div .order_navs a{margin: 0 10rem;display: inline-block;}
	.order_div .order_navs a:after{margin: 4rem auto 0 auto; width: 26rem;}
	.order_div .order_navs a.active:after{background: #DE181D;}
	.order_div .order_navs::-webkit-scrollbar { display: none; }
	.order_list .tr{display: block; padding: 10rem 0;}
	.order_list .tr .p_s{width: 100%; justify-content: space-between; color:#333; font-size: 12rem;}
	.order_list .tr .p_s .td{width:auto;}
	.order_list .tr .td4{width: 100%; padding-top: 10rem; padding-right: 0;font-size: 12rem;}
	.order_list .tr .td4 a{padding: 0rem 10rem; line-height: 24rem;  margin-left: 12rem; border-radius: 3rem; border: 1px solid var(--theme-cc-3e); display: inline-block;}
	.el-dialog{width: 360px!important; max-width: 100%;}
	.eval_div_dia  .el-dialog__body{padding: 10rem;}
	.eval_div .eval_item{display: block; padding: 0;}
	.eval_div .eval_item .t{margin-bottom: 10rem; margin-top: 10rem;}
}
[data-theme="dark"] .eval_div .eval_item .t{color: #fff;}
[data-theme="dark"] .eval_div .eval_item textarea{background:#323e43; color: #fff;}
[data-theme="dark"] .order_list .tr .p_s{color:#ccc;}