.detCard{min-width: 1400px;}
.proWrap{display: flex;align-items: flex-start;justify-content: space-between;padding-top: 40px;}
.proImg{width: 616px;display: flex;align-items: flex-start;}
.proImg .thumb{width: 60px;margin-right: 16px;height: 540px;overflow: hidden;}
/* .proImg .thumb .crossIcon{display: flex;width: 30px;height: 30px;background-color: #f3f3f3;border-radius: 50%;align-items: center;justify-content: center;margin: 0 auto;cursor: pointer;}
.proImg .thumb .crossIcon svg{width: 28px;height: 28px;}
.proImg .thumb .crossIcon:hover{color: #f50;}
.proImg .thumb .pre{transform: rotate(180deg);} */
.proImg .thumb .listbox{margin: 0 auto;   height: 540px; overflow: hidden;}
.proImg .thumb .listbox ul{position: relative;}
.proImg .thumb .listbox li{margin-top: -8px;}
.proImg .thumb .listbox li dl{overflow: hidden;}
.proImg .thumb .listbox li dd{margin-top: 8px;}
.proImg .thumb .listbox li dd a{display: flex;width: 58px;height: 58px;border-radius: 4px 4px 4px 4px;overflow: hidden;border: 1px solid #fff;transition: all .2s;    justify-content: center;}
.proImg .thumb .listbox li dd a img{max-width: 100%;object-fit: contain;border-radius: 4px;}
.proImg .thumb .listbox li dd a.active { border-color: #f50 }
.proImg .thumb .listbox li dd a:hover { border-color: #f50 }

.proImg .picbox{width: 540px;}
.proImg .itembox{position: relative;width: 540px;height: 540px;margin-bottom: 20px;}
.proImg .itembox .middel{display: flex;overflow: hidden;border-radius: 8px;height: 540px;justify-content: center;}
.proImg .itembox .middel img{max-width: 100%;object-fit: contain;}

.proImg .itembox .crossbox{position: absolute;bottom: 20px;padding: 0 20px;display: flex;align-items: center;width: 100%;box-sizing: border-box;}
.proImg .itembox .crossbox .soubtn{display: inline-flex;align-items: center;justify-content: center;width: 140px;height: 36px;background: rgba(0,0,0,0.7);border-radius: 18px 18px 18px 18px;cursor: pointer;}
.proImg .itembox .crossbox .soubtn .icon{width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;color: #fff;margin-right: 6px;}
.proImg .itembox .crossbox .soubtn .icon svg{width: 20px;height: 20px;}
.proImg .itembox .crossbox .soubtn p{color: #fff;font-size: 14px;}
.proImg .itembox .crossbox .initem{margin-left: auto;}
.proImg .itembox .crossbox .initem .icon{display: inline-flex;width: 36px;height: 36px;align-self: center;justify-content: center;color: #333333;border-radius: 50%;background-color: #fff;cursor: pointer;user-select: none;}
.proImg .itembox .crossbox .initem .icon svg{width: 32px;height: 36px;}
.proImg .itembox .crossbox .initem .pre{margin-right: 8px;}
.proImg .itembox .crossbox .initem .icon:hover{color: #f50;}
.proImg .itembox .crossbox .initem .icon.unbtn{    background-color: #f5f5f5; color: #fff; cursor: no-drop;}

.proImg .itembox .viewer { width: 500px; height: 500px; position: absolute; left: 542px; top: 0; border: 1px solid #dcdcdc; overflow: hidden; display: none; z-index: 3 }
.proImg .itemBtns .photoBtn{display: inline-flex;height: 20px;align-items: center;cursor: pointer;}
.proImg .itemBtns .photoBtn .doicon{width: 20px;height: 20px;align-items: center;display: inline-flex;color:#333 ;margin-right: 14px;}
.proImg .itemBtns .photoBtn .doicon svg{width: 20px;height: 20px;}
.proImg .itemBtns .photoBtn p{color: #999;font-size: 16px;}
.proImg .itemBtns .photoBtn:hover .doicon svg{color: #f50;}
.proImg .itemBtns .photoBtn:hover p{color: #f50;}


.priceItem{width: 724px;position: relative;}
.priceItem .Share{position: absolute;top: 0;right: -48px;}
.priceItem .Share .indrop{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);border: 1px solid #F0EDED;box-sizing: border-box;}
.priceItem .Share .indrop .icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;}
.priceItem .Share .indrop .icon svg{width: 48px;}

.priceItem .topno{display: flex;height: 25px;margin-bottom: 16px;align-items: center;}
.priceItem .topno p{font-size: 18px;height: 24px;margin-right: 8px;color: #666;display: inline-flex;}
.priceItem .topno .icon{display: inline-flex;min-width:20px;height: 20px;align-items: center;justify-content: center;color: #333;cursor: pointer;}
.priceItem .topno .icon svg{width: 20px;height: 20px;}
.priceItem .topno .icon:hover{color: #f50;}

.priceItem .toptitle { font-size: 20px; font-family: "Muli-Bold", Muli; font-weight: 700; line-height: 24px; margin-bottom: 15px; color: #333; }
.priceItem .priList{display: flex;align-items: center;}
.priceItem .priList .item{display: inline-flex;min-width: 180px;height: 100px;align-items:center;flex-direction: column;justify-content:  flex-start;}
.priceItem .priList .item .num{display: flex;height: 24px;align-items: center;justify-content: center;margin-top: 12px;margin-bottom: 8px;font-size: 18px;color: #999;}
.priceItem .priList .item .pri{display: flex;align-items:baseline;height: 42px;justify-content: center;color: #f50;}
.priceItem .priList .item .pri span{font-size: 18px;margin-right:2px;font-weight:bold;}
.priceItem .priList .item .pri em{font-size: 32px;font-weight:bold;}
.priceItem .priList .item .pri .line{font-style: normal; font-size: 18px; height: 20px; width: 32px; display: flex ; align-items: center; justify-content: center;}
.priceItem .pritips{margin-top: 10px;height: 40px;line-height: 40px;text-align: center;background: #F5F5F5;margin-bottom: 25px;}

.priceItem .colorInfo .item{display: flex;align-items: center;flex-wrap: wrap;margin-left: -8px;}
.priceItem .colorInfo .item li{margin-left: 8px;margin-bottom: 5px;width: 68px;}
.priceItem .colorInfo .item a{display: inline-flex;width:68px ;height: 68px;border: 1px solid #fff;border-radius: 4px 4px 4px 4px;overflow: hidden;transition: all .1s;justify-content: center;}
.priceItem .colorInfo .item a em{    display: inline-flex; align-items: center; font-size: 12px; overflow: hidden; word-break: break-word;}
.priceItem .colorInfo .item a img{max-width: 100%;object-fit: contain;border-radius: 4px 4px 4px 4px;box-sizing: border-box;}
.priceItem .colorInfo .item .J_clr a{border: 1px solid #FF4400;}
.priceItem .colorInfo .item a:hover{border-color: #f40;}
.priceItem .colorInfo .title{font-size: 14px;color: #999 ;}

.priceItem .sizeGuide{display: flex;align-items: center;height: 60px;margin-top: 10px;border-bottom: 1px solid #E5E5E5;}
.priceItem .sizeGuide .itxt{font-size: 24px;color: #333;font-weight: bold;}

.priceItem .sizeDown{margin-left: 20px;border-radius: 16px 16px 16px 16px; width: 80px; height: 30px; border: 1px solid #E5E5E5; position: relative; z-index: 2;}
.priceItem .sizeDown .indrop { display: inline-flex; align-items: center; height: 32px; cursor: pointer; width: 100%; box-sizing: border-box; }
.priceItem .sizeDown .indrop .name { display: flex; flex: 1; align-items: center;  padding-left: 10px;font-size: 16px;color: #333;user-select: none;}
.priceItem .sizeDown .indrop .icon { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; color: #999999; cursor: pointer; transition: all .1s; margin-right: 6px; }
.priceItem .sizeDown .indrop .icon  svg{width: 24px;height: 24px;}
.priceItem .sizeDown .indrop .line { position: absolute; bottom: -10px; width: 100%; left: 0; height: 10px; background: transparent; z-index: 3; }
.priceItem .sizeDown .uldrop { position: absolute; top: 36px; width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 10px 5px 5px 5px; box-sizing: border-box; border-radius: 16px; opacity: 0; transition: all .2s; pointer-events: none; transform: translateY(20px); }
.priceItem .sizeDown .uldrop ul { margin: 0 3px; }
.priceItem .sizeDown .uldrop li { display: flex; align-items: center; justify-content: center; height: 30px; cursor: pointer; margin-bottom: 5px; }
.priceItem .sizeDown .uldrop li:hover,.priceItem .sizeDown .uldrop li.active { background-color: #e5e5e5; border-radius: 6px; }

.priceItem .sizeDownOn { border-color: #f50; }
.priceItem .sizeDownOn .uldrop { opacity: 1; pointer-events: auto; transform: translateY(0px); border-color: #f50; }
.priceItem .sizeDownOn .indrop .icon { transform: rotate(180deg); color: #f50; }

.priceItem .proSelect{margin-left: auto;}
.priceItem .popSizeBtn{display: inline-flex;align-items: center;cursor: pointer;}
.priceItem .popSizeBtn .icon{display: inline-flex;width: 20px;height: 20px;align-items: center;justify-content: center;color: #999;margin-right: 8px;}
.priceItem .popSizeBtn .icon svg{width: 20px;height: 20px;}
.priceItem .popSizeBtn p{font-size: 16px;color: #333;}
.priceItem .popSizeBtn:hover p,.priceItem .popSizeBtn:hover .icon{color: #f50;}

.priceItem .reset{display: inline-flex;align-items: center;margin-left: 30px;cursor: pointer;}
.priceItem .reset .icon{display: inline-flex;width: 20px;height: 20px;align-items: center;justify-content: center;color: #999;margin-right: 8px;}
.priceItem .reset .icon svg{width: 20px;height: 20px;}
.priceItem .reset p{font-size: 16px;color: #333;}
.priceItem .reset:hover p,.priceItem .reset:hover .icon{color: #f50;}

.priceItem .sizeInfo{margin-top: 10px;}
.priceItem .proList{position: relative;}
.priceItem .proList li{display: flex;align-items: center;margin-top: 20px;}
.priceItem .proList li .col{display: inline-flex;width: 120px;min-height: 40px;align-items: center;font-size: 18px;color: #333;    word-break: break-all;}
.priceItem .proList li .name{font-weight: bold;}
.priceItem .proList li .num{    display: inline-flex; min-width: 110px; margin-left: auto; height: 40px; border-radius: 20px; border: 1px solid #E5E5E5; align-items: center; justify-content: center;}
.priceItem .proList li .num .btn{display: inline-flex;width: 20px;height: 40px;align-items: center;justify-content: center;color: #000;font-weight: bold;cursor: pointer;}
.priceItem .proList li .num .btn svg{width: 20px;height: 20px;}
.priceItem .proList li .num .btn:hover{color: #f50;}
.priceItem .proList li .num .numInput{    position: relative; z-index: 0; display: inline-flex; height: 40px; border: 0; align-items: center; justify-content: center; text-align: center; width: 52px;}

.priceItem .inSub{margin-top: 30px;display: flex;height: 60px;align-items: center;border-bottom: 1px solid #e5e5e5;}
.priceItem .inSub .itxt{font-size: 24px;color: #333;font-weight: bold;margin-top: 10px;}
.priceItem .inSub .goodsnum{margin-left: auto;display: inline-flex;height: 24px;align-items: center;font-size: 18px;color: #333;margin-top: 10px;
}
.priceItem .inSub .total{display: inline-flex;margin-left: 14px;align-items: baseline;font-size: 18px;color: #f50;font-weight: bold;}
.priceItem .inSub .total em{font-size: 32px;}

.priceItem .btnbox{display: flex;align-items: center;margin-top: 30px;margin-bottom: 10px;}
.priceItem .btnbox .crosscart{display: inline-flex;align-items: center;justify-content: center;background: #FF5500;border-radius: 40px 40px 40px 40px;width: 624px;height: 70px;font-weight: bold;font-size: 24px;color: #fff;transition: all .1s;}
.priceItem .btnbox .crosscart:hover{opacity: .8;}
.priceItem .btnbox .scproduct{margin-left: auto;width: 70px;height: 70px;border-radius: 37px 37px 37px 37px;border: 1px solid #f50;display: inline-flex;align-items: center;justify-content: center;color: #f50;}
.priceItem .btnbox .scproduct svg{width: 26px;height: 26px;}
.priceItem .btnbox .nocollt{border-color: #e5e5e5;color: #333;}
.priceItem .btnbox .yescollt{ background-color: #f50; color: #fff; }
.priceItem .btnbox .scproduct:hover{border-color: #f50;color: #f50;}
.priceItem .btnbox .yescollt:hover{color: #fff;}

.priceItem .proAtt{margin-top: 20px;}
.priceItem .proAtt .indrop{ display: inline-flex; align-items: center; height: 60px; cursor: pointer; width: 100%; box-sizing: border-box; }
.priceItem .proAtt .indrop{border-bottom: 1px solid #e5e5e5;}
.priceItem .proAtt .indrop .name { display: flex; flex: 1; align-items: center; font-size: 24px;color: #333;user-select: none;font-weight: bold;}
.priceItem .proAtt .indrop .icon { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; color: #999999; cursor: pointer; transition: all .1s; margin-right: 6px; }
.priceItem .proAtt .indrop .icon  svg{width: 24px;height: 24px;}
.priceItem .proAtt .uldrop {     box-sizing: border-box; border-radius: 16px; opacity: 0; transition: all .2s; pointer-events: none; transform: translateY(20px);height: 0;}
.priceItem .proAtt .uldrop table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif; }
.priceItem .proAtt .uldrop th,.priceItem .proAtt .uldrop td { border: 1px solid #ddd; padding: 7px 11px; text-align: left; font-size: 12px; }
.priceItem .proAtt .uldrop th { background-color: #fff; font-weight: bold; }
.priceItem .proAtt .uldrop .item-no, .product-weight { width: 15%; }
.priceItem .proAtt .uldrop .category,.priceItem .proAtt .uldrop .material { width: 40%; }
.priceItem .proAtt .uldrop .pattern,.priceItem .proAtt .uldrop .style,.priceItem .proAtt .uldrop .waist-line { width: 12%; }
.priceItem .proAtt .uldrop .occasion,.priceItem .proAtt .uldrop .color { width: 10%; }
.priceItem .proAtt .uldrop .details { width: 18%; }


.priceItem .proAttOn { border-color: #f50; }
.priceItem .proAttOn .uldrop { opacity: 1; pointer-events: auto; transform: translateY(0px); border-color: #f50;height: auto;}
.priceItem .proAttOn .indrop .icon { transform: rotate(180deg); color: #f50; }

.proBot{margin-top:60px}
.proBot .hd{display: flex;height: 80px;align-items: center;margin-bottom: 15px;}
.proBot .hd .itxt{font-size: 32px;color: #333;font-weight: Semibold;}
.proBot .listbox ul{display: flex;flex-wrap: wrap;margin-left: -15px;}
.proBot .listbox li{display: inline-flex;margin-top: 15px;margin-left: 15px;position: relative;width: 268px;}
.proBot .listbox li a{display: block;}
.proBot .listbox li .pic{display: flex;width: 268px;height: 268px;justify-content: center;overflow: hidden;}
.proBot .listbox li .pic img{max-width: 100%;object-fit: contain;}
.proBot .listbox li .pic:hover img{transform: scale(1.1,1.1);}
.proBot .listbox li .cartbox{display: flex;align-items: center;position: absolute;bottom: 10px;padding: 0 0 0 10px;}
.proBot .listbox li .cartbox .itxt{width: 56px;height: 20px;border-radius: 12px 12px 12px 12px;background: rgba(0,0,0,0.7);display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;}


/* 详情页尺码表弹窗 */
.sizeGuideTem{position: fixed;  z-index: 300; left: 0; top: 0; width: 100%; height: 100%; display: flex ; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all .2s;}
.sizeGuideTem .bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.sizeGuideTem .inCard { width: 745px; background: #FFFFFF; border-radius: 16px; display: flex; flex-direction: column; transform: translateY(20px); transition: all .2s; box-sizing: border-box; }
.sizeGuideTem .inCard { height: 750px; overflow: hidden;  }
.sizeGuideTem.show { opacity: 1; pointer-events: auto; display: flex ; }
.sizeGuideTem.show .inCard { transform: translateY(0); position: relative; }
.sizeGuideTem .inBody { background-color: #fff; box-sizing: border-box; overflow: hidden; overflow-y: auto; height: 100%; }
.sizeGuideTem .inBody::-webkit-scrollbar { width: 8px; height: 8px }

.sizeGuideTem .inBody::-webkit-scrollbar-track { background-color: #f7f8fa; border-radius: 5px }
.sizeGuideTem .inBody::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 5px }

.sizeGuideTem .inHead { display: flex; align-items: center; height: 48px; background: #F5F5F5; border-radius: 8px 8px 0px 0px; flex-direction: row; margin-bottom: 0; padding: 0 12px 0 12px; }
.sizeGuideTem .inHead h2 { font-weight: 600; font-size: 16px; color: #333333; flex: 1; display: flex; align-items: center; justify-content: center; }
.sizeGuideTem .inHead .close { margin-left: auto; cursor: pointer;width: 28px;height: 28px;color: #999;display: inline-flex;align-items: center;justify-content: center;}
.sizeGuideTem .inHead .close svg { width: 24px;height: 24px;}
.sizeGuideTem .inHead .close:hover { color: #f50; }

.sizeGuideTem .sizeCard{width:600px;margin: 0 auto;padding: 30px 0 20px;}
.sizeGuideTem .proTools{padding: 20px 0 20px 20px;display: flex;align-items: center;background-color: #F5F5F5;}
.sizeGuideTem .proTools .title{display: inline-flex;height: 40px;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;}
.sizeGuideTem .proTools .proSel{margin-left: 10px;display: flex;align-items: center;}
.sizeGuideTem .proTools .proSel .dorpDown { position: relative;margin-left: 10px;}
.sizeGuideTem .proTools .proSel .dorpDown .dwrap { display: inline-flex; min-width: 150px; height: 40px; align-items: center; padding: 0 12px; box-sizing: border-box; border-radius: 4px 4px 4px 4px;  cursor: pointer; background-color: #fff;}
.sizeGuideTem .proTools .proSel .dorpDown .dwrap p { display: flex; flex: 1; align-items: center; justify-content: center; user-select: none; font-size: 14px; color: #333; }
.sizeGuideTem .proTools .proSel .dorpDown .dwrap .icon { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; color: #999; transition: transform .3s, top .3s; }

.sizeGuideTem .proTools .proSel .dorpDown .dlist { position: absolute; opacity: 0; pointer-events: none; top: 100%; margin-top: 5px; background-color: #fff; z-index: 3000; border: 1px solid #e6e6e6; width: 100%; }
.sizeGuideTem .proTools .proSel .dopen .dlist { opacity: 1; pointer-events: auto; }
.sizeGuideTem .proTools .proSel .dopen .dlist ul { overflow: hidden; padding: 4px 0; }
.sizeGuideTem .proTools .proSel .dopen .dlist ul li { white-space: nowrap; margin: 4px 0 0; line-height: 1.5; }
.sizeGuideTem .proTools .proSel .dopen .dlist ul li a{    color:  #666; box-sizing: border-box; padding: 4px 12px; display: flex ; flex-direction: column; justify-content: center; min-height: 30px; border-radius: 4px;margin: 0 4px;}
.sizeGuideTem .proTools .proSel .dopen .dlist ul li.active a{color: #fff;background-color: #f50;}
.sizeGuideTem .proTools .proSel .dopen .dlist ul li a:hover{color: #fff;background-color: #f50;}

.sizeGuideTem .proDesc{padding: 20px 0 20px 20px;display: flex;align-items: center;background-color: #F5F5F5;margin-top: 10px;}
.sizeGuideTem .proDesc .title{display: inline-flex;height: 40px;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;}
.sizeGuideTem .proDesc .list{margin-left: 10px;}
.sizeGuideTem .proDesc .list ul{display: flex;align-items: center;}
.sizeGuideTem .proDesc .list li{margin-left: 10px;width: 150px; height: 40px; }
.sizeGuideTem .proDesc .list li a{display: flex;width: 150px; height: 40px;box-sizing: border-box;background: #FFFFFF; border-radius: 4px 4px 4px 4px;box-sizing: border-box;border: 1px solid #fff;align-items: center;justify-content: center;font-size: 14px;color: #666;font-weight: normal;cursor: no-drop;}
.sizeGuideTem .proDesc .list li.active a{border:1px solid #f50;color: #333;font-weight: bold;}
/* .sizeGuideTem .proDesc .list li:hover a{border:1px solid #f50;color: #333;font-weight: bold;} */


.sizeGuideTem .tabTop{display: flex;margin-top: 20px;border-bottom: 1px solid #E5E5E5;}
.sizeGuideTem .tabTop.hide{display: none;}
.sizeGuideTem .tabTop p{display: none;height: 40px;margin-right: 60px;}
.sizeGuideTem .tabTop p:last-of-type{margin-right: 0;}
.sizeGuideTem .tabTop p span{display: inline-flex;align-items: center;justify-content: center;position: relative;font-size: 16px;color:#666;font-weight: normal;cursor: pointer;}
.sizeGuideTem .tabTop p span::after{    bottom: 0; content: ""; display: block; height: 0; position: absolute; width: 100%;height: 3px;background-color: #f50;display: none;}
.sizeGuideTem .tabTop .show{display: inline-flex;}
.sizeGuideTem .tabTop .active span{color: #333;font-weight: bold;}
.sizeGuideTem .tabTop .active span::after{display: block;}
.sizeGuideTem .tabTop p span:hover{color: #333;font-weight: bold;}
.sizeGuideTem .tabTop p span:hover::after{display: block;}

.sizeGuideTem .tabCon{display: none;}
.sizeGuideTem .tabCon .tableProCon{overflow: hidden;}
.sizeGuideTem .tabCon .tableProCon .item{ overflow-x: auto; overflow-y: hidden;padding-top: 20px;padding-bottom: 10px;}
.sizeGuideTem .tabCon .tableProCon table{border-collapse: separate; border-spacing: 0; color: #000; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; min-width: 100%; table-layout: fixed;text-align: center;border: 1px solid #E6E6E6;}
.sizeGuideTem .tabCon .tableProCon table thead th{min-width: 86px;max-width: 168px;background-color: #F5F5F5;    position: sticky; z-index: 5;top: 0;padding: 6px 8px;border-left: 1px solid #E6E6E6;height: 40px;font-size: 14px;box-sizing: border-box;}
.sizeGuideTem .tabCon .tableProCon table thead th:first-of-type{border-left: 0;}
.sizeGuideTem .tabCon .tableProCon table thead tr:hover th { background-color: rgba(229,229,229,0.5); }
.sizeGuideTem .tabCon .tableProCon table thead th:hover { background-color: #e5e5e5 !important; }

.sizeGuideTem .tabCon .tableProCon table tbody td{min-width: 86px;max-width: 168px;    position: sticky; z-index: 5;top: 0;padding: 6px 8px;border-top:1px solid #e6e6e6;border-left: 1px solid #E6E6E6;height: 40px;font-size: 14px;box-sizing: border-box;}
.sizeGuideTem .tabCon .tableProCon table tbody td:first-of-type{border-left: 0;}
.sizeGuideTem .tabCon .tableProCon table tbody tr:hover{background-color: hsla(0,0%,90%,.667);}
.sizeGuideTem .tabCon .tableProCon table tbody td:hover{background-color: #e5e5e5 !important;}
.sizeGuideTem .tabCon .tableProCon table tbody td:hover ~ td{background-color: #fff;}
.sizeGuideTem .tabCon .tableProCon .paragraph{color: #666;}



.sizeGuideTem .tabCon .tableTjCon .item{ overflow-x: auto; overflow-y: hidden;padding-top: 20px;padding-bottom: 10px;}
.sizeGuideTem .tabCon .tableTjCon table{border-collapse: separate; border-spacing: 0; color: #000; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; min-width: 100%; table-layout: fixed;text-align: center;border: 1px solid #E6E6E6;}
.sizeGuideTem .tabCon .tableTjCon table thead th{min-width: 86px;max-width: 168px;background-color: #F5F5F5;    position: sticky; z-index: 5;top: 0;padding: 6px 8px;border-left: 1px solid #E6E6E6;height: 40px;font-size: 14px;box-sizing: border-box;}
.sizeGuideTem .tabCon .tableTjCon table thead th:first-of-type{border-left: 0;}
.sizeGuideTem .tabCon .tableTjCon table thead tr:hover th { background-color: rgba(229,229,229,0.5); }
.sizeGuideTem .tabCon .tableTjCon table thead th:hover { background-color: #e5e5e5 !important; }

.sizeGuideTem .tabCon .tableTjCon table tbody td{min-width: 86px;max-width: 168px;    position: sticky; z-index: 5;top: 0;padding: 6px 8px;border-top:1px solid #e6e6e6;border-left: 1px solid #E6E6E6;height: 40px;font-size: 14px;box-sizing: border-box;}
.sizeGuideTem .tabCon .tableTjCon table tbody td:first-of-type{border-left: 0;}
.sizeGuideTem .tabCon .tableTjCon table tbody tr:hover{background-color: hsla(0,0%,90%,.667);}
.sizeGuideTem .tabCon .tableTjCon table tbody td:hover{background-color: #e5e5e5 !important;}
.sizeGuideTem .tabCon .tableTjCon table tbody td:hover ~ td{background-color: #fff;}
.sizeGuideTem .tabCon .tableTjCon .paragraph{color: #666;}

.sizeGuideTem .nullPage{display: flex;align-items: center;flex-direction: column;justify-content: center;padding: 40px 0;}
.sizeGuideTem .nullPage .pic{display: inline-flex;width: 140px;height: 140px;align-items: center;justify-content: center;}
.sizeGuideTem .nullPage .pic img{max-width: 100%;object-fit: contain;}
.sizeGuideTem .nullPage p{font-size: 14px;color: #666;}

.sizeGuideTem .botCard{margin-top: 30px;}
.sizeGuideTem .botCard .intit{display: flex;height: 55px;align-items: center;padding:0  20px;box-sizing: border-box;background-color:#fafafa ;font-size: 16px;color: #333;font-weight: 600;}
.sizeGuideTem .botCard .pic{display: flex;width: 600px;min-height: 400px;background-color:#fafafa ;align-items: center;justify-content: center;}
.sizeGuideTem .botCard .pic img{max-width: 100%;object-fit: contain;}

/* 跨境尺码 尺码切换 251028 */