/* 首页- 主体 --------------- 开始 ------------ -----------------------------------------------------*/
 @media screen and (max-width: 1200px) {
     .optionsBox2 {
         margin-left: 10% !important;
     }

     .commentHeader {
         margin-left: 10% !important;
     }

     .commentBox {
         margin-left: 10% !important;
     }

     .goodsDataTitle1 {
         width: 62.5% !important;
         margin-left: 12.5% !important;
     }

     .goodsDataTable {
         width: 62.5% !important;
         margin-left: 12.5% !important;
     }

     .profilePDF {
         width: 62.5% !important;
         margin-left: 12.5% !important;
     }

     .shoppingGuide {
         width: 62.5% !important;
         margin-left: 12.5% !important;
     }
 }

 .pageBox,
 .footer {
     min-width: 1500px;
 }

 /* 商品详情信息页面 */
 ._main {
     margin-left: 10%;
     width: 62.5%;
 }

 .productBox {
     padding: 14px 0px;
     min-height: 350px;
     display: flex;
     justify-content: center;
 }

 .left {
     width: 43%;
     display: flex;
     max-height: 300px;
 }

 .left-image {
     width: 15%;
     display: flex;
     flex-direction: column;
     gap: 8px;
     height: 100%;
     align-self: flex-start;
 }

 .thumbnail-item {
     width: 52px;
     height: 52px;
     border-radius: 8px;
     border: 1px solid transparent;
 }

 .imgBorder {
     box-shadow:0 0 2px 1px var(--blue-deep);
     transition: all 1s;
 }


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

 .left>div:nth-child(2) {
     width: auto;
     height: 100%;
 }

 .left>div:nth-child(2)>div {
     margin: auto;
     width: 300px;
     height: 300px;
     border: 1px solid var(--text-color4);
     display: flex;
     justify-content: center;
 }

 .left>div:nth-child(1)>div>img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     min-width: 40px;
     border-radius: 8px;
 }

 .left>div:nth-child(2)>div>img {
     width: 300px;
     height: 300px;
     object-fit: contain;
 }

 .right {
     margin-left: auto;
     width: 55%;
 }

 .productTitle {
     padding-bottom: .5vw;
     font-size: 16px;
 }

 /* 选中第2 - 7 */
 .right>div:nth-child(n + 2):nth-child(-n + 7) {
     justify-content: left;
 }

 .starBox {
     border-bottom: 1px solid var(--text-color4);
 }

 .configBox {
     margin-top: .3vw;
     display: flex;
     flex-wrap: wrap;
     border-bottom: 1px solid var(--line);
     padding: .5vw 0px;
 }

 .configBox>div:nth-child(n+2) {
     margin: 8px;
     padding: 8px 14px;
     width: fit-content;
     border: 1px solid var(--line);
     border-radius: 5px;
     cursor: pointer;
     height: 20px;
     line-height: 20px;
 }

 .configBox>div[data-select="true"] {
     color: var(--blue-deep);
     border: 1px solid var(--blue-deep) !important;
     user-select: none;
 }

 .booksBtnBox {
     padding: .5vw 0px;
 }

 .booksBtnBox>button {
     padding: 8px 14px;
     margin-left: 0vw;
     background-color: white;
     border: 1px solid var(--blue-deep);
     color: var(--blue-deep);
     border-radius: 5px;
 }

 /* 商品参数 / 用户评价 */
 .commentBox {
     width: 62.5%;
     margin-left: 10%;
     text-align: left;
     overflow: auto;
 }

 .optionsBox2 {
     position: sticky;
     top: 0%;
     width: 62.5%;
     margin-left: 10%;
     padding: 0px;
     background-color: white;
     line-height: 26px;
     z-index: 9999;
 }

 .titleBox1 {
     margin-top: 15px;
     padding-bottom: 14px;
     justify-content: left;
     font-size: 20px;
     cursor: pointer;
     border-bottom: 1px solid var(--text-color4);
 }

 .commentHeader {
     position: sticky;
     top: 0%;
     width: 62.5%;
     margin-left: 10%;
     padding-bottom: 14px;
     background-color: white;
     z-index: 9999;
 }

 .commentHeader>.titleBox {
     text-indent: 2vw;
     margin-top: 14px;
     justify-content: left;
     padding-bottom: .7vw;
     font-size: 15px;
     cursor: default;
 }

 .commentBox>div:not(:first-child) {
     color: var(--text-color);

 }

 .commentContainer {
     margin-left: 4%;
 }

 .optionsBox {
     justify-content: left;
     margin-left: 2.5vw;
     background-color: white;
 }

 .optionsBox>div {
     margin-left: 3%;
     font-size: 15px;
     color: var(--text-color2);
     cursor: pointer;
 }

 .optionsBox>.titleSelect {
     color: var(--text-color) !important;
 }

 .optionsBox>.titleSelect::before {
     width: 100%;
     background-color: var(--text-color) !important;
 }

 .comment {
     border-bottom: 1px solid var(--line);
     color: var(--text-color3);
     padding: 15px 0px;
 }

 .commentUserInfo {
     justify-content: left;
     height: 48px;
 }

 .userInfo {
     width: 80%;
     height: 100%;
     margin-left: 14px;
 }

 .ago {
     color: var(--info);
     margin-top: 5px;
 }

 .avatar>img {
     padding: 3px;
     width: 100%;
     border-radius: 50%;
     border: 1px solid var(--line);
 }

 .commentText {
     margin-top: 18px;
     margin-left: 7%;
 }

 .imageBox {
     margin-top: .5vw;
     display: flex;
     flex-wrap: wrap;
 }

 .imageBox>img {
     width: 20%;
     border-radius: 10px;
 }

 .imageBox>img:not(:first-child) {
     margin-left: 2%;
 }

 .allComments {
     padding: 2vw;
     text-align: center;
     font-size: 15px;
     color: var(--text-color2);
     cursor: pointer;
 }

 .allComments>span {
     padding: 5px 2vw;
     border: 1px solid var(--line);
     border-radius: 5px;
 }

 .allComments>span:hover {
     color: var(--blue-deep);
 }

 /* <!-- & 商品参数 --> */
 .goodsDataTitle1 {
     margin-left: 10%;
     width: 61.5%;
     font-size: 14px;
     padding: 14px;
     z-index: 3;
 }

 .goodsDataTable {
     margin-left: 10%;
     width: 62.5%;
     border-radius: 12px;
     font-size: 13px;
     color: var(--text-color1);
     overflow: hidden;
 }

 .goodsDataTable>table>thead>tr>th {
     border: 1px solid #BABABA;
     box-sizing: border-box;
 }

 .goodsDataTable>table>tbody>tr>td {
     padding: 14px;
     border: 1px solid #BABABA;
     box-sizing: border-box;
 }

 .likes {
     padding: 14px 0vw 14px 14px;
     border-bottom: 1px solid var(--text-color4);
 }

 /* PDF  */
 .profilePDF {
     width: 62.5%;
     height: 68vh;
     margin-left: 10%;
     position: relative;
 }

 .profilePDF iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }



 .shoppingGuide {
     width: 62.5%;
     margin: 14px 14px 14px 10%;
     border: 1px solid var(--text-color4);
 }

 .shoppingGuide>img {
     width: 100%;
 }

 /* <!-- 右侧边栏 --> */
 .orderAside {
     position: absolute;
     /* right: 5%; */
     right: 5.5%;
     top: 200px;
     width: 18%;
     min-width: 300px;
     border-radius: 10px;
     background-color: white;
     padding: 10px;
     box-shadow: 0 0 4px #ccc;
 }

 .orderAside>div {
     text-indent: 8px;

 }

 .orderAside>div {
     margin: 6px 0px;
 }

 .orderAside .computer {
     text-indent: 0px;
 }

 .asideTitle {
     color: #FE3846;
     font-size: .7vw;
     padding: .2vw .5vw;
     background-color: #fe38452d;
     border-radius: 10px;
     display: flex;
     place-items: center;
 }

 .discount {
     margin-left: 5px;
     color: #FE3846;
 }

 .price {
     padding-top: .5vw;
     font-size: 14px;
 }

 .tableBox {
     border-radius: 15px !important;
     overflow: hidden;
     padding: 0vw;
     background-color: #F5F5F5;
     color: var(--text-color3);
     font-size: .8vw;
 }

 .gray {
     color: #979997;
 }

 .aside_btnBox2>div {
     background-color: #F5F5F5;
     margin-top: 10px;
     padding: 6px 16px;
     border-radius: 45px;
     white-space: nowrap;
 }

 .asideTextTitle {
     font-size: 15px;
 }

 .totalPrice {
     color: var(--danger);
     font-size: 16px;
     font-weight: bold;
     padding: 14px 0;
 }

 .totalValue {
     font-size: 2.4vw !important;
 }

 .model,
 .allStock {
     margin: 14px 0;
 }

 .count {
     margin: .5vw 0;
 }

 .storeTable th,
 .storeTable td {
     height: 4vw;
 }

 .asideBtn {
     width: 96%;
     border-radius: 45px;
     margin: auto;
     padding: 10px 0px;
 }

 /* 服务申明 */
 .img {
     position: absolute;
     top: 22%;
     right: 2%;
     width: 20%;
 }

 .serverInfo {
     position: absolute;
     top: 920px;
     /* right: 7%; */
     right: 8%;
     width: 17%;
     color: var(--text-color1);
 }

 .serverTitle {
     padding: .4vw 0px;
     font-size: 14px;
     color: var(--text-color1);
     justify-content: left;
 }

 .serverItem {
     padding: .2vw 0px;
     margin-left: 1.9vw;
     justify-content: left;
 }

 .serverItem>.icon-ai210 {
     color: var(--blue-deep);
 }

 .paymentMethods>img {
     margin-right: .2vw;
 }

 .priceTable {
     width: 100%;
     text-align: center;
 }

 .priceTable th,
 .priceTable td {
     padding: 0.2vw;
 }

 .priceTable tr {
     height: 30px;
 }

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

 .promotion-title {
     margin-bottom: 16px;
 }

 .promotionBox {
     padding: 10px 0 20px;
     border-bottom: 1px solid var(--text-color4);
     display: flex;
     flex-direction: column;
     gap: 10px;
     font-family: PingFang SC, PingFang SC;
     font-weight: 500;
     font-size: 14px;
     color: var(--text-color);
     position: relative;
     z-index: 9;
 }

 .sale-rule-content em {
     font-style: normal;
 }

 .sale-rule-content {
     font-size: 12px;
     background-color: #FFF;
     width: 418px;
     border: solid 1px #D7D7D7;
     position: absolute;
     z-index: 1;
     top: 38px;
     left: -5px;
     box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);
     z-index: 99;
 }

 .sale-rule-content .title {
     line-height: 20px;
     background-color: #F5F5F5;
     height: 20px;
     padding: 5px;
     border-bottom: solid 1px #D6D6D6;
 }

 .sale-rule-content .title span {
     vertical-align: top;
 }

 .sale-rule-content .title strong {
     font-weight: normal;
     color: #FF875A;
     margin: 0 2px;
 }

 .sale-rule-content .title a {
     float: right;
 }

 .sale-rule-content .content {
     padding: 5px;
 }

 .sale-rule-content .bottom {
     border-top: solid 1px #D7D7D7;
     padding: 8px 0;
     overflow: hidden;
 }

 .sale-rule-content .bottom a {
     color: var(--blue-deep);
     text-decoration: none;
     float: right;
     margin-right: 10px;
 }

 .sale-rule-content .mjs-tit {
     font-weight: 600;
 }

 .sale-rule-content .mjs-tit time {
     font-weight: normal;
     color: #999;
 }

 .sale-rule-content .mjs-info li {
     line-height: 24px;
     display: block;
     height: 24px;
     margin-bottom: 2px;
 }

 .min-gift {
     width: 20px;
     height: 20px;
     object-fit: contain;
 }

 .promotion-tag {
     padding: 2px 6px;
     color: var(--blue-deep);
     border: 1px solid var(--blue-deep);
     margin-right: 10px;

 }

 .giftBox {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .red-num {
     color: var(--red);
 }

 .orderAside>.vipBox {
     background: rgba(254, 56, 70, 0.15);
     border-radius: 8px;
     font-size: 14px;
     color: var(--red);
     font-weight: 500;
     font-family: PingFang SC, PingFang SC;
     display: flex;
     align-items: center;
     text-indent: unset;
     padding: 5px;

 }

 .vip-img {
     margin: 0 5px;
     position: relative;
     top: 2px;

 }

 .look {
     cursor: pointer;
 }

 .look:hover {
     color: var(--blue-deep);
 }

 .discountPkg-title {
     padding: 1.5vw 0px 14px 0px;
     font-size: 20px !important;
     color: var(--text-color3);
 }

 .goods-total {
     display: flex;
     align-items: center;
 }

 .discountPkgBox {
     display: flex;
     align-items: center;
     width: 700px;
     height: 264px;
     overflow-x: auto;
 }

 .discountPkg-content {
     width: 200px;
     height: 240px;
     font-family: PingFang SC, PingFang SC;
     font-size: 12px;
     margin-right: 30px;
     position: relative;
     box-shadow: 0 0 1px 1px var(--line);

 }

 .discountPkg-plus {
     position: absolute;
     top: 48%;
     right: -30px;
     font-size: 30px;
     color: var(--text-color3);
 }

 .discountPkg-checkbox {
     position: absolute;
     top: 0;
     right: 0;
     width: 20px;
     height: 20px;
 }



 .discountPkg-pic {
     width: 200px;
     height: 156px;
     position: relative;
 }

 .discountPkg-pic img {
     width: 200px;
     height: 156px;
     object-fit: contain;
 }

 .discountPkg-pic::before {
     width: 100%;
     height: 100%;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, .1);
 }

 .discountPkg-desc {
     margin: 10px 0 15px;
 }

 .discountPkg-price {
     width: 112px;
     height: 28px;
     font-family: PingFang SC, PingFang SC;
     font-weight: bold;
     font-size: 16px;
     color: var(--text-color);
     text-align: left;
     font-style: normal;
     text-transform: none;
 }

 .totalBox {
     width: 300px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .total-prices {
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 10px;
 }

 .red-prices {
     color: var(--red);
     font-size: 24px;
 }

 .prices-text {}

 .productComment>.title {
     margin-top: 2vw;
     border-top: 1px solid var(--text-color4);
 }

 .productComment {
     border-bottom: 1px solid var(--text-color4);
 }

 .mainBox2_content {
     width: 8vw;
     min-width: 120px;
     justify-content: flex-start;
     padding: 6px 13px;

 }

 .icon-icon1 {
     top: 100px;
     right: 26px;
 }

 .mainBox2_content>.mainBox2_content_desc {
     /* margin-top: 30px; */
 }

 #wareHouseTable {
     height: 42px;
     width: 100%;
     text-align: center;
 }

 .goods-img {
     min-height: 134px;
 }

 @media screen and (max-width:1300px) {
     ._main {
         width: 62.5% !important;
     }

     .orderAside {
         right: 2.5%;
     }

     .serverInfo {
         font-size: 14px;
         right: 6.5%;
     }

     .goods-img {
         min-height: 120px;
     }
 }