.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

button {
  outline: none !important;

}

:root {
  --color: #423FE9;
}

.selectBox.fixed {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 100%;
  z-index: 999;
  transition: all 0.3s;
}

.selectBottom {
  background-color: #fff;
}

.cart {
  /* background: #F7F9FA; */
}

.order_list {
  padding-bottom: 39px;
}

.cartTitle {
  padding: 15px 0;
  /* line-height: 40px; */
  font-size: 24px;
  border-bottom: 1px solid #ddd;
}

.cartInfo {
  padding-top: 19px;
  padding-bottom: 37px;
}

.cartInfo table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.cartfoot tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 93px;
}

.cartInfo table tr {
  border: 1px solid #EEEEEE;
}

.cartInfo table thead {
  background: #F0F0F0;
}

.cartBody th {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 14px;
  color: #909399;
  line-height: 20px;
}

.cartBody tr td:last-child,
.cartBody tr th:last-child {
  padding-right: 10px;
}

.xd_xp_flex {
  display: flex;
  gap: 15px;
}

.cartBody td,
.cartBody th {
  text-align: center;
}

.cartNumber input,
table tr td:nth-child(3),
table tr td:nth-child(4) .cartDropDown>p,
table tr td:nth-child(5) {
  color: #333333;
  font-size: 14px;
}

.cartBody td:nth-child(1),
.cartBody th:nth-child(1) {
  width: 4%;
}

.cartBody td:nth-child(2),
.cartBody th:nth-child(2) {
  text-align: left;
  width: 39%;
}

.cartBody td:nth-child(7) {
  color: #F76C6C;
  font-weight: bold;
  font-size: 14px;
}

thead tr {
  height: 48.88px;
}

tbody tr {
  height: 105px;
}

tfoot tr {
  height: 43.33px;
}

.proInfo {
  display: flex;
  align-items: center;
  margin-right: 0.75vw;
}

.proInfo.noflex {
  display: block;
  margin-right: 0;
}

.proImg {
  width: 4.8vw;
  height: 4.8vw;
  flex-shrink: 0;
  margin-right: 1vw;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E8E8E8;
}

.proImg img {
  width: 100%;
  height: 100%;
}

.proText {
  width: 26vw;
}

.proTit {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-bottom: 6px;
}

.proSize {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #9C9FA4;
}

.cartDropDown {
  display: flex;
  align-items: center;
  position: relative;
  column-gap: 16px;
  justify-content: center;
}

.cartDropDown>img {
  width: 13px;
  cursor: pointer;
}

.cartDropDownInfo {
  width: 573px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #E2E2E2;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 27px 32px;
  z-index: 1;
  display: none;
}

.cartDropDownInfo>img {
  display: block;
  max-width: 100%;
  margin: 20px auto 0;
}


.selectPro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.selectPro .name {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

.selectPro .price {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}

.cartDropDownInfo table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px 8px 8px 8px;
}

.cartDropDownInfo table tr {
  height: 50px;
}

.cartDropDownInfo table th {
  color: #333333;
  background: #EDF2FC;
  border: 1px solid #DFE1E5;
  text-align: center !important;
}

.cartDropDownInfo table td {
  color: #333333;
}

.cartDropDownInfo table th p:last-child {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #7E7E7E;
}

.cartDropDownInfo table tr td:last-child {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #8E8E8E;
}

.cartDropDownInfo table tr {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

.cartDropDownInfo table tr:last-child td:last-child {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

.cartDropDownInfo table th:first-child {
  text-align: left !important;
  padding: 0 22px;
}

.cartDropDownInfo table td {
  border: 1px solid #DFE1E5;
  text-align: center !important;
}

.editBtn {
  width: 200px;
  height: 40px;
  background: #423FE9;
  border-radius: 2px 2px 2px 2px;
  margin-top: 20px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  border: none;
}

.cartNumber {
  display: flex;
  border: 1px solid #DCDFE6;
  border-radius: 3px;
  overflow: hidden;
  width: fit-content;
  margin: 0 auto;
}

.cartNumber.noborder {
  border: none;
}

.cartNumber .minus,
.cartNumber .add {
  width: 30px;
  height: 30px;
  background: #F5F7FA;
  border: none;
}



.cartNumber input {
  width: 48px;
  border-left: 1px solid #DCDFE6;
  border-right: 1px solid #DCDFE6;
  text-align: center;
  border: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.delItem {
  width: 12px;
  height: 14px;
  border: none;
  box-sizing: content-box;
  padding: 0;
  background: none;
}

.delItem img {
  width: 100%;
  height: 100%;
}

.cartfoot {
  margin-top: 12px;
  font-size: 14px;
}

.cartfoot td {
  padding: 0 15px;
}

.cartfoot td {
  color: #666666;
}

.cartfoot td:first-child {
  padding-left: 20px;
}


.cartfoot {
  padding: 21px 0;
}

.cartfoot td:first-child label {
  cursor: pointer;
  margin-left: 11px;
}

.cartfoot td:nth-child(4) {
  width: 16vw;
  text-align: right;
}

.cartfoot span {
  color: #F76C6C;
  font-weight: bold;
}

.delSelect {
  color: #DB3015;
  border: none;
  background: none;
}

.cleanBtn {
  border: none;
  background: none;
}

.subOrder {
  width: 164px;
  height: 49px;
  border-radius: 4px 4px 4px 4px;
  background: #DB3015;
  color: #fff;
  border: none;
}


.xd_page {
  padding-top: 42px;
  padding-bottom: 55px;

}

.xd_page .xd {
  padding: 20px;
  background: #fff;
}

.xd_page .xd_pb1 {
  border: 1px solid #E1E1E1;
  padding: 11px;
}

.xd_page .xd_pb1 .pb1_b {
  display: flex;
  align-items: center;
  height: 66px;
  background: #F5F7FA;
  border-radius: 2px 2px 2px 2px;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l {
  width: 354px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 16px;
  color: #C0C4CC;
  line-height: 21px;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l .quan {
  width: 16px;
  height: 16px;
  background: #F5F7FA;
  border: 2px solid #C0C4CC;
  border-radius: 50%;
  margin-right: 11px;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l .quan p {
  color: #DB3015;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  line-height: 12px;
  display: none;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l.active {
  color: #DB3015;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l.active .quan {
  border-color: #DB3015;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l.active .quan p {
  display: block;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l.active .quan img {
  display: block;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l .quan img {
  width: 10px;
  display: none;
  margin: 1px auto 0;
}

.xd_page .xd_pb1 .pb1Txt {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 20px;
  color: #212529;
  margin-top: 26px;
  margin-bottom: 26px;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l::after {
  content: '';
  width: 21px;
  height: 18px;
  display: block;
  background: url('https://omo-oss-image.thefastimg.com/portal-saas/pg2024111121542506483/cms/image/a621e6ee-0df2-4c19-a6e2-99c1a90dbbc4.png_290xaf.png');
  background-size: 100% 100%;
  transform: rotate(-90deg) translate(0, -50%);
  position: absolute;
  /* top: 46%; */
  right: -10px;
}

.xd_page .xd_pb1 .pb1_b .pb1_b_l:last-child:after {
  display: none;
}

.xd_page .xd_pt1 {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #212529;
  margin-top: 22px;
  margin-bottom: 25px;
}

.xd_page .xd_pb2 {
  padding: 10px 21px;
  border: 1px solid #E1E1E1;
}

.xd_page .xd_pb2 .xd_ci {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
}

.xd_page .xd_pb2 .xd_ci .xd_xp2_ad {
  position: absolute;
  top: 4px;
  right: 0px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 16px;
  color: #DB3015;
}

.xd_page .xd_pb2 .xd_xp2_txt {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 14px;
  color: #212529;
}

.xd_page .xd_pb2 .xd_ci .xd_xp2_txt {
  margin-bottom: 12px;
}

.xd_page .xd_pb2 .xd_ci .xd_add1 {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #F57979;
}

.xd_page .xd_pb2 .xd_ci .xd_add2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  /* display: none; */
}

.xd_page .xd_pb2 .xd_ci .xd_add2.active {
  background: #ECF5FF;
}

.xd_page .xd_pb2 .xd_ci .xd_add2 .adrRight,
.xd_page .xd_pb2 .xd_ci .xd_add2 .adrLeft {
  display: flex;
  align-items: center;
}

.xd_page .xd_pb2 .xd_ci .guofei {
  width: 85px;
  height: 28px;
  border: 1px solid #DB3015;
  text-align: center;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 28px;
  margin-right: 15px;
  background: #fff;
  position: relative;
}

.xd_page .xd_pb2 .xd_ci .xd_add2.active .guofei::after {
  display: block;
}

.xd_page .xd_pb2 .xd_ci .guofei::after {
  content: '';
  width: 14px;
  height: 14px;
  display: block;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025111110084779792/cms/image/3946ae79-52c3-4be2-a2b8-9aa63f21d99d.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

.xd_page .xd_pb2 .xd_ci .add_txt {
  width: 597px;
  /* height: 18px; */
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

.xd_page .xd_pb2 .xd_ci .default {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  height: 20px;
  line-height: 20px;
  background: #DB3015;
  padding: 0 5px;
  margin-left: 12px;
}

.xd_page .xd_pb2 .xd_ci .adrRight p {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #DB3015;
  margin-right: 11px;
}

.xd_page .xd_pb2 .xd_dm {
  padding: 20px 0;
  border-bottom: 1px solid #E1E1E1;
}

.xd_page .xd_pb2 .xd_dm .xd_xp_btn {
  width: 155px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
  position: relative;
  border: 1px solid #999999;
  color: #999;
  cursor: pointer;
}

.xd_page .xd_pb2 .xd_dm .xd_xp_btn.active {
  color: #DB3015;
  border: 1px solid #DB3015;
}

.xd_page .xd_pb2 .xd_dm .xd_xp_btn.active::after {
  content: '';
  width: 14px;
  height: 14px;
  display: block;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025111110084779792/cms/image/3946ae79-52c3-4be2-a2b8-9aa63f21d99d.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.xd_page .xd_pb2 .cartBody {
  width: 100%;
  padding-top: 10px;
}

.xd_page .xd_pb2 .cartBody>tbody td:nth-child(1),
.xd_page .xd_pb2 .cartBody>thead th:nth-child(1) {
  display: none;
}

.xd_page .cartBody>tbody>tr {
  /* display:in; */
  height: 90px;
  position: relative;
}

.xd_page .cartBody>tbody>tr::after {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #E1E1E1;
}

.xd_page .xd_table_txt1 {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 14px;
  color: #212529;
  margin-top: 4px;
  margin-bottom: 8px;
}

.xd_page .xd_table_txt2 {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #212529;
}

.xd_page .xd_table_txt2 span {
  color: #423FE9;
  cursor: pointer;
}

.xd_page .xd_table {
  padding-bottom: 30px;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 24px;
}

.xd_page .xd_lm textarea {
  width: 519px;
  height: 54px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #DCDFE6;
  margin-top: 4px;
  padding: 5px 10px;
  resize: none;
}

.xd_page .xd_lm textarea::placeholder {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #C0C4CC;
}

.xd_page .xd_lm {
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 20px;
}

.xd_page .xd_cartNum {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: right;
}

.xd_page .xd_cartNum1 span {
  color: #E62129;
}

.xd_page .xd_pt2 {
  height: 43px;
  background: #F4F4F5;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 43px;
  text-align: right;
  padding-right: 10px;
}

.xd_page .xd_pt2 span {
  font-weight: bold;
  color: #DB3015;
}

.xd_page .xd_order_btn {
  width: 130px;
  height: 41px;
  background: #DB3015;
  border-radius: 4px 4px 4px 4px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 41px;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 35px;
  margin-right: 0;
  margin-left: auto;
}

.xd_page .proImg {
  width: 72px;
  height: 72px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E8E8E8;
}

.xd_fp {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}

.xd_fp .xd_fp_box {
  width: 600px;
  height: auto;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  display: none;
}

.xd_fp .xd_fp_Title {
  padding: 22px 20px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 18px;
  color: #666668;
}

.xd_fp .xd_fp_content {
  padding-left: 40px;
  padding-right: 30px;
}

.xd_fp .xd_fp_T {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #666668;
  margin-bottom: 22px;
  margin-top: 32px;
}

.xd_fp .xd_fp_it {
  display: flex;
}

.xd_fp .xd_fp_itbtn {
  width: 200px;
  height: 28px;
  border: 1px solid #DDDDDD;
  text-align: center;
  line-height: 28px;
}

.xd_fp .xd_fp_it .xd_fp_itbtn {
  width: 112px;
  margin-right: 10px;
}

.xd_fp .xd_fp_itbtn.active {
  border: 1px solid #423FE9;
  position: relative;
  color: #423FE9;
}

.xd_fp .xd_fp_itbtn.active::after {
  content: '';
  width: 14px;
  height: 14px;
  display: block;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024111121542506483/cms/image/bfa03198-82bb-4627-8bd8-30b8da3172dd.png_290xaf.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.xd_fp input {
  height: 40px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #C0C4CC;
  width: 100%;
  padding: 0 10px;
}

.xd_fp .irmn {
  display: flex;
}

.xd_fp .irmn .xl {
  width: 121px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #C0C4CC;
  margin-right: 9px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #CBCED5;
}

.xd_fp .irmn input {
  width: calc(100% - 49px);
}

.xd_fp .xd_fp_btn {
  margin-top: 50px;
  margin-bottom: 31px;
  display: flex;
  justify-content: flex-end;
}

.xd_fp .xd_fp_btn .qx {
  width: 87px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #C0C4CC;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #666668;
  line-height: 40px;
  margin-right: 9px;
}

.xd_fp .xd_fp_btn .tj {
  width: 63px;
  height: 40px;
  background: #423FE9;
  border-radius: 4px 4px 4px 4px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 40px;
}




.per_center .per_flex {
  display: flex;
  justify-content: space-between;
}

.per_center .per_flex .per_center_left {
  background: #FFFFFF;
  width: 290px;
  height: 400px;
  margin-top: 21px;
}

.per_left_title {
  width: 100%;
  padding: 18px 0 20px 24px;
  background-color: #DB3015;
  font-family: Arial;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
}

.per_left_bottom {
  width: 100%;
  padding: 0 15px;
}

.per_left_list {
  width: 100%;
}

.per_left_list>li {
  height: 36px;
  font-family: Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
  line-height: 36px;
  padding-left: 14px;
}

.per_left_list>li>a {
  color: #333333;
}

.per_left_list>li:hover,
.per_left_list>li.active {
  background-color: rgba(219, 48, 21, 0.11);
}

.per_left_list>li:hover>a,
.per_left_list>li.active>a {
  color: #DB3015;
  font-weight: 600;
}

.per_center .per_flex .per_center_right {
  width: calc(100% - 310px);
  background: #FFFFFF;
  padding: 0 20px;
  margin-top: 21px;
  margin-bottom: 74px;
}

.per_center .per_flex .per_myOrder {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 18px;
  color: #262525;
  padding: 26px 0;
  border-bottom: 1px solid #C0C4CC;
}

.per_center .per_flex .per_orType {
  padding-top: 15px;
  margin-bottom: 20px;
  display: flex;
}

.per_center .per_flex .per_orType .orList {
  margin-right: 36px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  position: relative;
  padding-bottom: 6px;
  cursor: pointer;
}

.per_center .per_flex .per_orType .orList.active::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  border-bottom: 2px solid #DB3015;
  position: absolute;
  bottom: 0;
}

.per_center .per_flex .per_orType .orList .more {
  width: 19px;
  height: 16px;
  background: #FF4949;
  border-radius: 8px 8px 8px 8px;
  display: block;
  position: absolute;
  top: -10px;
  right: -19px;
  font-family: Rondal, Rondal;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 16px;
  text-align: center;
}

.per_center .per_flex .per_orType .orList.active {
  color: #DB3015;
}

.per_center .order_head div {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 40px;
}

.per_center .order_head {
  background: #F5F5F5;
  height: 40px;
  border: 1px solid #DCDFE6;
}

.per_center .order_head,
.per_center .prder_l {
  display: flex;
  padding: 0 10px;
}

.per_center .order_head>div:nth-child(1),
.per_center .prder_l>div:nth-child(1) {
  width: 450px;
  padding-right: 10px;
  border-right: 0;
}

.per_center .order_head>div:nth-child(2),
.per_center .prder_l>div:nth-child(2) {
  width: 88px;
  padding-right: 10px;
  border-left: 0;
  border-right: 0;
}

.per_center .order_head>div:nth-child(3),
.per_center .prder_l>div:nth-child(3) {
  width: 70px;
  padding-right: 10px;
  border-left: 0;
}

.per_center .prder_l>div:nth-child(6) {
  margin-top: 36px;
  text-align: center;
  border: none;
}

.per_center .prder_l>div:nth-child(5) {
  padding-top: 10px;
  text-align: center;
}

.per_center .prder_l>div:nth-child(5) div:first-child {
  /* margin-top: 15px; */
  text-align: left;
  padding-bottom: 7px;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 7px;
  border-bottom: 1px solid #DCDFE6;
}

.per_center .prder_l>div:nth-child(5) div {
  color: #999999;
  margin-bottom: 5px;
}

.per_center .prder_l>div:nth-child(7) {
  text-align: center;
}

.per_center .prder_l>div:nth-child(7) a {
  color: #DB3015;
}

.per_center .prder_l>div:nth-child(7),
.per_center .prder_l>div:nth-child(4),
.per_center .prder_l>div:nth-child(3) {
  line-height: 110px;
  text-align: center;
}

.per_center .prder_l>div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  color: #F57373;
  text-align: center;
  line-height: 110px;
}



.per_center .order_head>div:nth-child(4),
.per_center .prder_l>div:nth-child(4),
.per_center .order_head>div:nth-child(5),
.per_center .prder_l>div:nth-child(5),
.per_center .order_head>div:nth-child(6),
.per_center .prder_l>div:nth-child(6),
.per_center .order_head>div:nth-child(7),
.per_center .prder_l>div:nth-child(7) {
  width: 108px;
  padding-right: 10px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

.per_center .order_head>div:nth-child(4),
.per_center .prder_l>div:nth-child(4) {
  width: 100px;
}

.per_center .order_head>div:nth-child(6),
.per_center .prder_l>div:nth-child(6) {
  width: 114px;
}

.per_center .prder_l>div:nth-child(6) {
  color: #F56C6C;
}

.per_center .prder_l>div:nth-child(7) {
  color: #DB3015;
}

.per_center .order_head>div:nth-child(7),
.per_center .prder_l>div:nth-child(7) {
  width: 88px;
}

.per_center .order_head>div:nth-child(5),
.per_center .prder_l>div:nth-child(5) {
  width: 118px;
}

.per_center .prder_l>div:nth-child(5) {
  padding: 0 7px;
  padding-top: 10px;
}

.per_center .cartDropDown {
  width: 100%;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}

.per_center .cartDropDown p {
  width: 80%;
}

.per_center .order_num {
  padding: 16px 10px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  background: #F5F5F5;
}

.per_center .prder_l {
  border: 1px solid #F5F5F5;
}

.per_center .prder_l>div {
  border: 1px solid #F5F5F5;
  padding-top: 6px;
  padding-bottom: 14px;
}

.per_center .order_head>div:nth-child(6) {
  padding-left: 15px;
}

.per_center .order_head>div:nth-child(7) {
  padding-left: 15px;
}

.per_center .prder_l>div:last-child {
  border-right: none;
  padding-right: 0;
  text-align: center;
}

.per_center .prder_l>div:first-child {
  border-left: none;
}

.per_center .order_list .proInfo {
  margin-right: 0px;
}

.per_center .order_list .proImg {
  width: 110px;
  height: 110px;
  margin-right: 6px;
}


.order_details .xd_pb1 .pb1_b {
  height: 53px;
}

.order_details .xd_dt {
  height: unset;
  border: none;
  padding: unset;
}

.order_details .xd_dt .pb1Txt {
  margin-top: 0;
}

.order_details .xd_dt1 {
  display: flex;
  padding-top: 35px;
  padding-bottom: 41px;
}

.order_details .xd_dt1>div {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #212529;
}

.order_details .xd_dt1 .xd_dt11 span {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #DB3015;
}

.order_details .xd_dt1 .xd_dt12 {
  margin-left: 391px;
}

.order_details .xd_dt1 .xd_dt12 span {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 20px;
  color: #F57979;
}

.order_details .xd_dt2 {
  display: flex;
  height: 315px;
  border: 1px solid #CCCFD5;
  margin-bottom: 30px;
}

.order_details .xd_dt2 .xd_dt2b1,
.order_details .xd_dt2 .xd_dt2b2 {
  width: 50%;

}

.order_details .xd_dt2 .xd_dt2BT {
  height: 53px;
  background: #F2F2F2;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #212529;
  line-height: 53px;
  padding: 0 20px;
}

.order_details .xd_dt2 .xd_dt2b1,
.order_details .xd_dt2 .xd_dt2b1 .xd_dt2BT {
  border-right: 1px solid #CCCFD5;
}

.order_details .xd_dt2 .xd_dt2BC {
  padding: 10px 41px;
}

.order_details .xd_dt2 .xd_dt2BC .p {
  margin-top: 20px;
  display: flex;
}

.order_details .xd_dt2 .xd_dt2BC span {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  display: inline-block;
}

.order_details .xd_dt2 .xd_dt2BC .p1 {
  width: 120px;
}

.order_details .xd_dt2 .xd_dt2BC .p2 {
  width: calc(100% - 120px);
}

.order_details .xd_dtTitle {
  height: 52px;
  line-height: 52px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #212529;
  background: #F2F2F2;
  padding: 0 20px;
  border: 1px solid #CCCFD5;
  border-bottom: unset;
}

.order_details .xd_dtpb2 {
  padding-top: 0;
}

.order_details .xd_dtpb2 .cartBody {
  padding-top: 0;
}

.order_details table tr td:nth-child(4),
.order_details table tr td:nth-child(5) {
  color: #F57979 !important;
}

.order_details .xd_table {
  border-bottom: unset;
  margin-bottom: 0;
}

.order_details .xd_cartNum {
  margin-bottom: 18px;
}

.order_details .cartBody>tbody>tr::after {
  content: unset;
}

.order_details .xd_dt_paypri {
  text-align: right;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 20px;
  color: #F57979;
  margin-bottom: 12px;
}

.order_details .xd_order_gbtn {
  display: flex;
  justify-content: flex-end;
}

.order_details .xd_order_btn {
  margin: unset;
  width: 200px;
  height: 40px;
  background: #DB3015;
  border-radius: 2px 2px 2px 2px;
  margin-left: 30px;
  margin-top: 24px;
  margin-bottom: 20px;
  cursor: pointer;
}

.order_pj .xd_pb2 {
  border: unset;
  border-top: 1px solid #E1E1E1;
  padding-top: 16px;
}

.order_pj .xd_table {
  padding-bottom: 0;
}

.order_pj .pl {
  border: 1px solid #CCCCCC;
  border-top: unset;
  padding: 20px 0;
  position: relative;
}

.order_pj .order_pj_or {
  height: 48px;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  line-height: 48px;
  padding: 0 20px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #7D7D7D;
  display: flex;
  align-items: center;
}

.order_pj .order_pj_or .starg {
  display: flex;
  margin-left: 16px;
}

.order_pj .order_pj_or .starg img {
  width: 19px;
  height: 19px;
  margin-right: 3px;
}

.order_pj .pl textarea {
  padding: 0 20px;
  width: 100%;
  height: 89px;
  /* padding-bottom: 30px; */
  border-bottom: 1px solid #CCCCCC;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 30px;
  resize: none;
  border: none;
}

.order_pj .pl textarea::placeholder {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 30px;
}

.order_pj .pl .txtnum {
  position: absolute;
  right: 21px;
  top: 80px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}

.order_pj .pl .txtnum span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}

.order_pj .pl .pl_img_g,
.order_pj .pl .pl_imgBox {
  display: flex;
  align-items: center;
}

.order_pj .pl .pl_img_g .img {
  width: 98px;
  height: 98px;
  border-radius: 4px 4px 4px 4px;
  margin-left: 20px;
  margin-top: 16px;
}

.order_pj .pl .pl_img_g .img.scfile {
  position: relative;
}

.order_pj .pl .pl_img_g .img.scfile input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
}

.order_pj .pl .pl_img_g .img img {
  width: 100%;
  height: 100%;
}

.order_pj .pl .addimg_txt {
  margin-left: 20px;
}

.order_pj .pl .addimg_txt .addimg_txt1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  margin-top: 15px;
}

.order_pj .pl .addimg_txt .addimg_txt2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  margin-top: 23px;
}

.order_pj .pl .addimg_txt .addimg_txt2 span {
  color: #EE3A2B;
}

.order_pj .pj_btn {
  width: 200px;
  height: 40px;
  background: #423FE9;
  border-radius: 2px 2px 2px 2px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 40px;
  margin: 0 auto;
  margin-top: 32px;
  text-align: center;
  margin-bottom: 27px;
}

.order_pj .proInfo {
  margin-right: -16.25vw;
}

.per_address .per_myAddress_btn {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  padding: 4px 10px;
  width: 160px;
  background: rgba(219, 48, 21, 1);
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}

.per_address .per_myAddress_List {
  margin-bottom: 40px;
}

.per_address .per_myAddress_L {
  box-shadow: 0 0 10px 1px rgb(33, 37, 41, 0.1);
  border-radius: 4px;
  padding: 20px 30px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 2;
  margin-bottom: 10px;
}

.per_address .per_myAddress_L .ld {
  width: 76%;
}

.per_address .per_myAddress_L .default {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  width: 160px;
  background: #DB3015;
}

.per_address .per_myAddress_L .ld1 {
  color: #949494;
}

.per_address .per_myAddress_L .edit_btn {
  display: flex;
  justify-content: flex-end;
}

.per_address .per_myAddress_L .edit_btn div {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #DB3015;
  margin-left: 10px;
  cursor: pointer;
}

#c_static_001-17530629353291 .e_text-2 {
  text-align: center;
}

#c_static_001-17530629475421 .e_formBtn-15.s_button1,
#c_static_001-17530629353291 .e_formBtn-14.s_button1 {
  background-color: #423FE9;
  border: 1px solid #423FE9;
}

#c_static_001-17530629475421 .e_formBtn-11.s_button1,
#c_static_001-17530629353291 .e_formBtn-13.s_button1 {
  /* background-color: #423FE9; */
  border: 1px solid #423FE9;
}

#demo-laypage-theme {
  text-align: center;
}

#demo-laypage-theme .layui-icon {
  color: #F57709;
}

#c_static_001-17532489402261 .form-check-input.s_form-control {
  display: none;
}

#c_static_001-1752212369164 .cartfoot td:nth-child(4) {
  width: 13vw;
}

#c_static_001-1752212369164 .cartfoot td {
  padding: 0 5px;
}

#c_static_001-1752212369164 .proText {
  width: 9.68vw;
}

#c_static_001-1752212369164 .proSize {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #9C9FA4;
}


/* 支付成功 */
.paySuccess {
  padding: 49px 30px;
}

.paySuccessTit .placeOrderTit {
  padding-bottom: 16px !important;
}

.paySuccessText {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 55px;
  padding-bottom: 196px;
  background-color: #fff;
}

.paySuccessText img {
  width: 80px;
  margin-bottom: 24px;
}

.paySuccessTxt {
  font-weight: 400;
  font-size: 24px;
  color: #000000;
  margin-bottom: 16px;
}

.paySuccessOrderId {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin-bottom: 33px;
}

.paySuccessBtn {
  display: flex;
  align-items: center;
}

.paySuccessBtn a {
  min-width: 250px;
  height: 48px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #DB3015;
  font-weight: 400;
  font-size: 14px;
  color: #DB3015;
  margin: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.paySuccessBtn a:last-child {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  background: #DB3015;
}


/* 评价 */

/* 从这开始 */
#myComment {
  background: #fff;
}

.el-form {
  /* padding: 0 21px; */
  width: 100%;
  border-radius: 0;
}

#myComment .xd_pb2.comment {
  padding: 16px 0 10px;
}

.el-form .commentBox {
  border: 1px solid #E5E5E5;
}

.myCommentTit {
  width: 100%;
  height: 46px;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  padding: 0 36px 0 26px;
}

.demonstration {
  margin-right: 20px;
}

.el-rate__icon.el-icon-star-on {
  color: #F4D110 !important;
}

.el-textarea__inner {
  width: 100%;
  height: 150px;
  resize: none !important;
  padding: 16px 25px !important;
  border: 0 !important;
  border-bottom: 2px solid #F5F5F5 !important;
}

.EvaluateContent {
  margin-bottom: 20px;
  position: relative;
}

.EvaluateContent>.fontNumber {
  position: absolute;
  right: 25px;
  bottom: 16px;
  color: #999999;
}

.EvaluateContent+div {
  display: flex;
  flex-direction: row-reverse;
  width: fit-content;
  column-gap: 20px;
  /* padding: 0 5px; */
}

.el-upload--picture-card {
  width: 104px !important;
  height: 104px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  row-gap: 10px;
  background: rgba(0, 0, 0, 0.04) !important;
  position: relative;
}

.el-upload--picture-card .tip {
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
}

.el-upload-list--picture-card .el-upload-list__item {
  width: 104px !important;
  height: 104px !important;
  margin-bottom: 0 !important;
}

.el-upload-list--picture-card .el-progress {
  width: 90% !important;
  height: 90% !important;
}

.el-upload-list--picture-card .el-progress .el-progress-circle {
  width: 100% !important;
  height: 100% !important;
}

.el-button--primary {
  margin: 40px auto !important;
  display: block !important;
  min-width: 128px;
  width: 320px;
  height: 48px;
  background: #DB3015 !important;
  border: 0 !important;
}

.EvaluateContent+div.imgUpdateBox {
  flex-direction: row;
  margin-bottom: 20px;
}

.imgUpdateBox>div:first-child {
  display: flex;
  width: fit-content;
  /* column-gap: 20px; */
  padding: 0 25px;
}

.imgUpdateTip {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.imgUpdateTip>span:first-child {
  display: block;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 24px;
  color: #222222;
}

.imgUpdateTip>span:last-child {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  margin-top: 13px;
}

.imgUpdateTip>span:last-child i {
  font-style: normal;
  color: #EE3A2B;
}

#c_static_001-1752212369164 .comment .proText {
  width: 15vw;
}

.commentBox {
  width: 100%;
  overflow: hidden;
}

.commentScore {
  width: 100%;
  padding: 50px 0;
  background-color: rgba(245, 246, 248, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.score {
  line-height: normal;
  font_radio: 2;
  display-radio: 1;
  font-size: 3vw;
  font-family: Microsoft YaHei, 微软雅黑;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  margin-right: 40px;
}

.scoreRight>p {
  line-height: normal;
  font_radio: 2;
  display-radio: 1;
  font-size: 20px;
  font-family: Microsoft YaHei, 微软雅黑;
  color: rgba(34, 34, 34, 1);
  margin-bottom: 10px;
}

.scoreList {
  display: flex;
  gap: 20px;
}

.scoreList>img {
  width: 26px;
  height: 26px;
  display: block;
}

.commentList {
  width: 100%;
  border: 1px solid #D5D8DE;
  margin-top: 10px;
  padding: 26px 0 26px 40px;
  display: flex;
  gap: 82px;
}

.commentLeft {
  display: flex;
  gap: 24px;
}

.commentAva {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.commentAva>img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.commentName {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 14px;
  color: #666666;
}

.commentTime {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
}

.commentRight {
  width: 60%;
}

.commentStar {
  display: flex;
  gap: 7px;
}

.commentStar>img {
  width: 18.44px;
  display: block;
}

.commentContent {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-top: 17px;
}

.commentImgList {
  width: 100%;
  gap: 16px;
  display: flex;
  margin-top: 9px;
}

.commentImgList div {
  width: 100px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commentImgList div>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.commentTip {
  display: flex;
  gap: 27px;
  margin-top: 20px;
}

.commentTip>span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}

#c_product_list_145-17387393599070 .proInfo {
  display: block;
}

.savePrescription {
  display: flex;
  margin-top: 10px;
  gap: 5px;
}

.uploadImg {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  align-items: center;
  cursor: pointer;
}

.updateBox {
  width: 100px;
  height: 100px;
  position: relative;
}

.updateBox>img {
  width: 100%;
  height: 100%;
  display: block;
}

.updateBox>input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}

/* 我的积分 */
.myPoints {
  padding: 25px 30px 50px;
  background: #fff;
}

.pointsTitle {
  width: 100%;
  height: 148px;
  background: #DB3015;
  border-radius: 12px 12px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 27px 40px 36px 34px;
  margin-bottom: 25px;
}

.pointsTitle .left p:first-child {
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  font-family: Arial, Arial;
}

.pointsTitle .left p:last-child {
  font-weight: bold;
  font-size: 43px;
  color: #FFFFFF;
  font-family: Arial, Arial;
}

.pointsTitle .right {
  width: 106px;
  height: 35px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.myPointsTab {
  display: flex;
  column-gap: 60px;
  margin-bottom: 25px;
}

.myPointsTab button {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding-bottom: 17px;
  background: none;
  border: 0;
}

.myPointsTab button.active {
  font-weight: bold;
  font-size: 14px;
  color: rgba(219, 48, 21, 1);
  border-bottom: 3px solid rgba(219, 48, 21, 1) !important;
}

.myPointsList table {
  width: 100%;
  margin-bottom: 30px;
}

.myPointsList thead tr {
  height: 50px;
  background: rgba(229, 229, 229, 1);
  border: 1px solid #E5E5E5;
}

.myPointsList thead th {
  text-align: left;
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 14px;
  color: #666666;
}

.myPointsList thead th:nth-child(3),
.myPointsList tbody tr td:nth-child(3),
.myPointsList thead th:nth-child(2),
.myPointsList tbody tr td:nth-child(2) {
  text-align: center;
}

.cart_proTit {
  color: rgba(51, 51, 51, 1);
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}

.cart_proDetail {
  color: rgba(153, 153, 153, 1);
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}

.myPointsList tbody tr {
  border: 1px solid #E5E5E5;
  border-top: 0;
}

.myPointsList tbody tr td {
  padding: 20px 0;
}

.myPointsList thead th:first-child,
.myPointsList tbody td:first-child {
  padding-left: 26px;
}

.myPointsList tbody td:first-child {
  width: 500px;
  gap: 17px;
  display: flex;
  align-items: center;
}

.myPointsList tbody td:first-child img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E8E8E8;
}

.myPointsList tbody tr td:nth-child(2) span {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 18px;
}

.myPointsList tbody tr td:nth-child(3) {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}


.myPointsList tbody tr td:nth-child(2) span.add {
  color: rgba(245, 119, 9, 1);
}

.myPointsList tbody tr td:nth-child(2) span.minus {
  color: rgba(51, 51, 51, 1);
}

.cart-wrap {
  padding: 28px 38px;
}

.points_use {
  display: flex;
  gap: 16px;
  align-items: center;
}

.points_use>input {
  width: 400px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #D4D4D4;
  padding-left: 16px;
}

.points_use>span {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 14px;
  color: #212529;
}

.main-wrap {
  padding: 60px 0;
}

.comment-wrap {
  width: 100%;
  padding: 30px 70px 50px;
}

.comment-list {
  width: 100%;
}

.comment-list>li {
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
  margin-bottom: 38px;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
}

.comment-list .info {
  width: 20%;
  display: flex;
  align-items: center;
  flex-direction: column;
}


.comment-list .info>img {
  width: 64px;
  height: 64px;
  display: block;
  object-fit: cover;
  border-radius: 50%;
}

.comment-list .name {
  font-family: Montserrat, Montserrat;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  margin-top: 11px;
}

.comment-star {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 15px;
}


.star-item {
  width: 20px;
  height: 20px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025111110084779792/cms/image/7acef43b-cef2-4d9b-ad1d-f0eea1ab9e29.png);
  background-size: 100% 100%;
}

.star-item.active {
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025111110084779792/cms/image/d29f7409-625a-452f-af11-c97eb335de26.png);
}

.comment-list .content {
  width: 77%;
}

.comment-list .text {
  font-family: Montserrat, Montserrat;
  font-weight: 400;
  font-size: 16px;
  color: #646D75;
  line-height: 24px;
}

.comment-list .imgs {
  display: flex;
  margin-top: 18px;
  gap: 16px;
}

.comment-list .imgs>img {
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
}

.comment-list .imgs-item {
  width: 100px;
  height: 100px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E8E8E8;
  overflow: hidden;
  object-fit: contain;
}

.comment-list .date {
  font-family: Montserrat, Montserrat;
  font-weight: 400;
  font-size: 16px;
  color: #646D75;
  margin-top: 14px;
}

.cartBody tr td.subtotal {
  font-size: 14px;
  color: #DB3015;
  font-weight: 600;
}

.pay_way {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.pay_way_center {
  width: 400px;
  padding: 30px 20px;
  background-color: #fff;
}

.pay_way_center .title {
  width: 100%;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}


.pay_way_center .xd_xp_flex{
  justify-content: center;
}
.pay_way_center .xd_xp_btn {
  width: 100px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
  position: relative;
  border: 1px solid #999999;
  color: #999;
  cursor: pointer;
}

.pay_way_center .xd_xp_btn.active {
  color: #DB3015;
  border: 1px solid #DB3015;
}

.pay_way_center .xd_xp_btn.active::after {
  content: '';
  width: 14px;
  height: 14px;
  display: block;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2025111110084779792/cms/image/3946ae79-52c3-4be2-a2b8-9aa63f21d99d.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.btns {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.btns>div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.btns>div:first-child {
  width: 104px;
  height: 40px;
  background: #DB3015;
  border-radius: 4px 4px 4px 4px;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}

.btns>div:last-child {
  width: 104px;
  height: 40px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E62129;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 14px;
  color: #E62129;
}

#c_static_001-1763535149884 .e_container-81 {
    display: flex;
    flex-direction: column;
    width: 100%;
    background_radio: 2;
    display-radio: flex;
    padding-top: 0px;
    margin-top: 16px;
    border: 0;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    width: 50%;
}

#c_static_001-1763535149884 .e_container-81>div:nth-child(1) {
    width: 100%;
}

#c_static_001-1763535149884 .e_container-91 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    height: 50px;
    background_radio: 1;
    display-radio: flex;
}

#c_static_001-1763535149884 .e_container-91 .cbox-91-0 {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(222, 222, 222, 1);
    border: 0;
    padding-left: 17px;
}


#c_static_001-1763535149884 .e_container-91>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}

#c_static_001-1763535149884 .e_container-91>div:nth-child(2)>div:nth-child(1){
  display: flex;
    justify-content: flex-end;
    padding-right: 23px;
}

#c_static_001-1763535149884 .e_container-91>div:nth-child(2)>div:nth-child(1)>div {
    width: 38px;
    height: 24px;
    margin-right: 5px;
}

#c_static_001-1763535149884 .e_container-91 .p_item {
    display-radio: 1;
    display: flex;
    align-items: center;
}

#c_static_001-1763535149884 .e_container-93>.p_item {
    max-width: 100%;
    max-height: 100%;
    width: 385px;
    height: 24px;
}

#c_static_001-1763535149884 .e_container-93>.p_item>div {
    width: 38px;
    height: 24px;
}

#c_static_001-1763535149884 .e_container-93>.p_item>div  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.e_checkbox-221{
  margin-bottom: 0;
}

#c_static_001-1763535149884 .e_container-91>div:nth-child(2)>div:nth-child(1)>div {
    width: 38px;
    height: 24px;
    margin-right: 5px;
}
#c_static_001-1763535149884 .e_container-93>.p_item>p {
    width: 38px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #DB3015;
    font-weight: 400;
    background: #FFFFFF;
    position: relative;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
}
#c_static_001-1763535149884 .e_container-93>.p_item>div.payBox {
    width: 155px;
    height: 69px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -350%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    padding: 9px 14px 0;
    flex-wrap: wrap;
    opacity: 0;
    transition: all 0.6s;
}
#c_static_001-1763535149884 .e_container-93>.p_item>div.payBox>img {
    width: 38px;
    height: 24px;
    margin-bottom: 6px;
    margin-left: 6px;
}
#c_static_001-1763535149884 .e_container-93>.p_item svg{
  width: 100%;
}
#c_static_001-1763535149884 .e_container-93>.p_item>div.payBox>img:nth-child(3n + 1) {
    margin-left: 0;
}

#c_static_001-1763535149884 .e_container-91 .p_item:last-child{
  justify-content: flex-end;
}

#c_static_001-1763535149884  .cbox-93-4:hover .payBox{
  opacity: 1 !important;
}

@media(max-width: 1199px) {
  .cartInfo {
    overflow-x: auto;
  }
  .cartInfo table{
    width: 1300px;
  }
  .proImg{
    width: 120px;
    height: 120px;
  }
  .proText{
    width: 200px;
  }
  .cartfoot td:nth-child(4){
    width: auto;
    white-space: nowrap;
  }

  .xd_page .xd_pb1 .pb1_b{
    padding:20px;
    flex-direction: column;
    height: auto;
  }
  .xd_page .xd_pb1 .pb1_b .pb1_b_l{
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 10px;
  }
  .xd_page .xd_pb1 .pb1_b .pb1_b_l::after{
    display: none;
  }
  .xd_page .xd_pb2 .xd_ci .xd_xp2_ad{
    position: relative;
  }
  .xd_page .xd_pb2 .xd_ci .xd_add2{
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
  }
  .adrLeft{
    width: 100%;
  }
  .xd_page .xd_pb2 .xd_ci .add_txt{
    width: auto;
  }
  #c_static_001-1763535149884 .e_container-81{
    width: 100%;
  }
  .xd_table{
    width: 100%;
    overflow-x: auto;
  }
  .xd_page .xd_pb2 .cartBody{
    width: 1300px;
  }
  .points_use{
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    margin-top: 20px;
  }
  .points_use>input{
    width: 100%;
  }
  .xd_page .xd_lm textarea{
    width: 100%;
  }

  .paySuccessBtn{
    flex-direction: column;
    gap: 10px;
  }
  .per_flex{
    flex-direction: column;
    padding:0 15px;
  }
  .per_center .per_flex .per_center_left{
    width: 100%;
    height: 320px;
  }
  .per_center .per_flex .per_center_right{
    width: 100%;
  }
  .per_center .per_flex .per_orType{
   flex-wrap: wrap;
  }
  .per_center .per_flex .per_orType .orList{
    margin-right: 31px;
    margin-bottom: 10px;
  }
  .order_list{
    width: 100%;
    overflow-x: auto;
  }
  .order_body,
  .per_center .order_head{
    width: 1000px;
  }
  .order_details .xd_dt1{
    flex-direction: column;
  }
  .order_details .xd_dt1 .xd_dt12{
    margin-left: 0;
  }
  .order_details .xd_dt2{
    flex-direction: column;
    height: auto;
  }
  .order_details .xd_dt2 .xd_dt2b1, .order_details .xd_dt2 .xd_dt2b2{
    width: 100%;
  }
  .myPoints{
    padding:0;
    margin-top: 20px;
  }
  .pointsTitle{
    padding:20px;
    height: 110px;
  }
  .pointsTitle .left p:last-child{
    font-size: 30px;
  }
  .myPointsTab{
    gap: 10px;
  }
  .myPointsList{
    width: 100%;
    overflow-x: auto;
  }
  .myPointsList table{
    width: 800px;
  }
  #c_static_001-17636912177661{
    padding:20px 20px;
  }
  #c_static_001-17636912177661 .e_container-1 > .p_item{
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0)
  }
  .alert, .form-group{
    margin-bottom: 10px;
  }
  #c_static_001-17636912177661 .e_form-3 > .p_formItem{
    margin-top: 15px;
  }
  .comment-wrap{
    padding:30px 15px;
  }
  .comment-list>li{
    flex-direction: column;
  }
  .comment-list .info{
    width: 100%;
  }
  .comment-list .content{
    width: 100%;
    margin-top: 20px;
  }
  .comment-list .info>img{
    width: 50px;
    height: 50px;
  }
}