@charset "utf-8";
.DetailContent{padding: 30px;box-sizing: border-box;margin-bottom: 20px;background-color: #ffffff;display: flex;flex-wrap: wrap;}
.DetailImg{display: block;}
.DetailImg h2{font-size: 22px;margin: 0 0 20px;}
.ImgDetailedBox {width: 100%;position: relative}
.DetailLeft{width: 540px;margin-right: 20px;}
.DetailRight{width: calc(100% - 560px);box-sizing: border-box;}
.DetailLeftWarp{display: flex;}
.SmallPicture{width: 90px;margin-right: 17px;display: flex;flex-direction: column;overflow-y: auto;height: 425px;padding-right: 8px;overflow-x: hidden;}
.SmallPicture::-webkit-scrollbar { width: 5px; height: 12px; background-color: #f0f0f0; }
.SmallPicture::-webkit-scrollbar-thumb { background-color: #dedede; border-radius: 10px; }
.SmallPicture::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 6px; }
.BigPicture{width: calc(100% - 115px);position: relative}
.SmallPicture dd{width: 90px;height: 90px;cursor: pointer;margin-bottom: 10px;position: relative;border: 1px solid #e2e2e2;}
.SmallPicture dd:hover, .SmallPicture .Current{border: 1px solid #191C1F;}
.SmallPicture dd:last-child{margin-bottom: 0;}
.ProductVideo{position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 2;display: none}

.VideoStart{position: absolute;opacity: 0.6;border-radius: 50px;z-index: 2;bottom: 16px;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 50px;height: 50px;background: url(../../imagesNew/master/video-icon.png) no-repeat;}
.VideoStart:hover{background-position: -55px 0;}
.CloseVideo {cursor: pointer; position: absolute; z-index: 2; top:10px; right: 10px; background: url(../../imagesNew/master/icon-master.png) no-repeat;height: 26px;width: 26px;background-position: -134px 0;}

.DetailLeft .Download{height: 30px;border-radius: 4px;display: flex;align-items: center;padding: 0 10px;background-color: #191C1F;margin-left: 115px;margin-top: 10px;color: #ffffff;width: max-content;font-size: 14px;cursor: pointer;}
.DetailLeft .Download::before{content: "";display: block;width: 15px;height: 15px;background: url(../../imagesNew/master/icon-pandcaring.png) no-repeat;margin-right: 10px;}
.DetailRight .ProductName{font-weight: normal;font-size: 20px;line-height: 26px;}
.DetailRight .ProPrice{font-size: 28px;font-weight: bold;}
.DetailRight .ProPrice .ProPackage{font-size: 18px;color: #999999;font-weight: normal;}
.DetailRight .LadderPricing{border-collapse: collapse;border: 0;width: 98%;}
.DetailRight .LadderPricing td,.DetailRight .LadderPricing th{border: 1px solid #e2e2e2;width: 25%;text-align: center;padding: 12px 0;}
.DetailRight .LadderPricing th{color: #666666;font-weight: normal;}
.DetailRight .LadderPricing tr:nth-of-type(2) td{font-weight: bold;font-size: 18px;}
.DetailRight .L-span{color: #999999;margin-right: 5px;}
.DetailRight .OptionsBox{display: flex;align-items: center;}
.OptionsBox .OptionsBlock{height: 36px;border: 1px solid #e2e2e2;border-radius: 4px;box-sizing: border-box;width: 450px;line-height: 36px;}
.OptionsBlock a{display: flex;align-items: center;justify-content: space-between;padding: 0 10px;}
.OptionsSelectBox a:hover{background-color: #f8f8f8;}
.OptionsBlock .SelectArrow{width: 8px;height: 6px;display: block;background: url(../../imagesNew/master/icon-shopp-detail.png) no-repeat;background-position: 0 -256px;}

.OptionsBlock .OptionsSelectBox{background-color: #ffffff;border: 1px solid #e2e2e2;border-radius: 4px;z-index: 1;position: relative;top: 2px;display: none;}
.OptionsBox .OptionsBlock:hover .OptionsSelectBox{display: block;}
.OptionsBox .OptionsBlock:hover .SelectArrow{transform: rotate(180deg);}
.ColorList{margin: 15px 0;}
.ColorList .ColorCode span{font-weight: bold;}
.ColorList ul{margin-top: 10px;display: flex;flex-wrap: wrap;overflow: hidden;transition: max-height 0.3s ease-in-out;}
.ColorList ul li{margin: 0 1% 1% 0;width: 8.184%;height: 8.184%;padding: 0;}
.ColorList ul a{display: block; border: 2px solid #e2e2e2;box-sizing: border-box;}
.ColorList ul a:hover, .ColorList .Current a{border: 2px solid #191C1F;}
.MoreColors{color: #666;display: flex;align-items: center;cursor: pointer;}
.MoreColors::after{content: "";display: block;background: url(../../imagesNew/master/icon-pandcaring.png) no-repeat;width: 13px;height: 8px;margin-left: 5px;background-position: 0 -64px;}
.ShowButton {display: flex;}
.MoreColors.Expanded::after{transform: rotate(180deg)}

.QtyAv{display: flex;flex-wrap: wrap;}
.QtyAv div{display: flex;align-items: center;margin-bottom: 10px;}
.QtyAv div:nth-of-type(1){margin-right: 100px;}
.QtyAv p{display: flex;align-items: center;margin-left: 20px;}
.QtyAv p .Num{margin: 0 10px;text-align: center;width: 45px;}
.QtyAv p button{width: 28px;height: 28px;background: url(../../imagesNew/master/icon-shopp-detail.png) no-repeat;}
.QtyAv p button.MinusBtn{background-position: -50px -191px;}
.QtyAv p button.AddBtn{background-position:-50px -148px;}
.QtyAv p button.MinusBtn.Disabled{background-position: 0 -191px;}
.QtyAv p button.AddBtn.Disabled{background-position: 0 -148px;}


.DetailRight .ProductName,.DetailRight .ProPrice,.DetailRight .LadderPricing,.Pcs,.OptionsBox{margin-bottom: 10px;}
.Pcs a{text-decoration: none; border: 2px solid #e2e2e2;padding: 5px 8px;margin-bottom: 5px;}
.Pcs .Current{border: 2px solid #191C1F;}
.CollAdd{display: flex;align-items: center;margin-bottom: 23px;}
.CollAdd .WishList{width: 35px;height: 33px;background: url(../../imagesNew/master/icon-shopp-detail.png) no-repeat;background-position: 0 -100px;cursor: pointer;margin-right: 24px;}
.CollAdd .WishList:hover, .CollAdd .ViewMyWishList{background-position: -50px -100px;font-size: 0}
.CollAdd .AddCart{width: 556px;height: 50px;border-radius: 4px;background-color: #191C1F;color: #ffffff;text-align: center;font-size: 18px;line-height: 50px;cursor: pointer;}
.CollAdd .AddCart:hover{text-decoration: underline;}

.DetailRightBot{border-top: 1px solid #e2e2e2;}
.DetailRightBot .RtSw{display: flex;padding: 15px 0;flex-wrap: wrap;}
.DetailRightBot .RtSw .Rt{margin-right: 100px;}
.DetailRightBot .RtSwSelect{border: 1px solid #e2e2e2;height: 50px;line-height: 50px;padding: 0 10px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;cursor: pointer;position: relative;margin-bottom: 20px;width: 95%;}
.DetailRightBot .RtSwSelect::after{content: "";display: block;width: 8px;height: 6px;background: url(../../imagesNew/master/icon-shopp-detail.png) no-repeat;background-position: 0 -256px;}
.DetailRightBot .RtSwSelect ul{position: absolute;background-color: #ffffff;width: 100%;top: 53px;left: 0;border: 1px solid #e2e2e2;padding: 0 10px; box-sizing: border-box;z-index:2; display: none;}
.DetailRightBot .RtSwSelect ul li{display: flex;}
.DetailRightBot .RtSwSelect ul li span{width: 33.33%;}
.DetailRightBot .RtSwSelect:hover ul{display: block;}
.DetailRightBot .RtSwSelect:hover::after{transform: rotate(180deg);}

.DetailImg .SeeAll{display: flex;align-items: center;font-size: 20px;justify-content: center;padding-top: 10px;}
.DetailImg .SeeAll::after{content: "";display: block;width: 13px;height: 8px;background: url(../../imagesNew/master/icon-pandcaring.png) no-repeat;background-position: 0 -87px;margin-left: 10px;}

.Details .detailFuzzyLayer{display:block; position:absolute; left:0; bottom:0; height:100px; background-image:linear-gradient(transparent,#fff); width:100%;}
.DetailsOpen{height:auto; max-height:initial!important;}
.DetailsOpen .detailFuzzyLayer{display:none;}
.DetailImg .SeeAll.seeMoreDown:after{transform: rotate(180deg); margin:0;}
.seeMoreDown{font-size:0 !important;}

.Secification table{border-collapse: collapse;border: 0;width: 95%;margin: 10px 0 15px;}
.Secification table td{border: 1px solid #e2e2e2;height: 50px;padding: 0 30px;}
.Secification table tr td:first-child{width: 35%;}
.Secification table tr td:nth-child(2){width: 65%;}
.Secification .SizeGuide{display: flex;align-items: center;cursor: pointer}
.Secification .SizeGuide::before{content: "";display: block;background: url(../../imagesNew/master/icon-pandcaring.png) no-repeat;background-position: 0 -28px;width: 30px;height: 22px;margin-right: 5px;}

.TextDes{margin-bottom: 10px;}
.TextDes li{ padding-left: 15px; line-height: 27px;}
.TextDes li:before{ content:""; background: #000000; width: 5px; height: 5px; border-radius: 50%; position: absolute;z-index: 1;margin: 11px 0 0 -15px;}

.DetailContent.CQ{display: block;}
.CQ .Title{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.CQ .AskCq{border: 1px solid #E7EAEC;background-color: #ECF0F2;font-size: 14px;width: 145px;height: 28px;line-height: 28px;text-align: center;margin-bottom: 10px;}
.CQWarp div{padding: 20px 0;border-bottom: 1px solid #e2e2e2;}
.CQWarp div:last-of-type{border-bottom: none;}
.Problem,.Answer{display: flex;}
.Problem::before,.Answer::before{content: "";display: inline-block;width: 25px;height: 25px;background: url(../../imagesNew/master/icon-pandcaring.png) no-repeat;background-position: 0 -250px;margin: -3px 5px 0 0;}
.Answer::before{background-position: 0 -290px;}
.Problem font,.Answer font{width: calc(100% - 30px);}
.Questioner{color: #999999;font-size: 14px;margin: 5px 0 20px 30px;}
.Questioner .QuestionerName{margin-right: 60px;}
.Subcategory{display: block;}
.Subcategory .SubcategoryTitle{font-size: 22px;font-weight: bold;margin-bottom: 20px;}
.ProductItem ul li{width: 19%;margin: 0 1.25% 1.25% 0;}
.ProductItem ul li.Laster{margin-right: 1.25%;}
.ProductItem ul li:nth-child(5n){margin-right: 0;}
/* 屏蔽商品css */
.BlockNotifications{background-color: #FFEEEE;border-radius: 4px;padding: 10px 20px;box-sizing: border-box;margin-bottom: 10px;}
.BlockNotifications p:nth-of-type(1){color: #A72527;}
.BlockNotifications span{color: #ffffff;background-color: #E73C17;border-radius: 4px;padding: 5px 5px 5px 40px;box-sizing: border-box;margin: 10px 0;display: block;width: max-content;background: url(../../imagesNew/master/icon-notice.png) no-repeat 8px center #E73C17;cursor: pointer;}
.BlockNotifications p a{color: #A72527;}
.BlockNotifications .hasAdded{margin-bottom: 10px;color: #1d5d00;font-weight: bold;display: none;}

.SizeGuideBox{background: #FFFFFF;width: max-content;box-sizing: border-box;padding: 20px;z-index: 101;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.SizeGuideBox h4.Title{font-size: 22px;text-align: center;margin-bottom: 15px;}
.SizeGuideBox .closeButton{cursor: pointer;position: absolute;top: 10px;right: 10px;background: url(../../imagesNew/master/close-icon.png) no-repeat 0 0;width: 16px;height: 15px;display: block;}
.SizeGuideBox .SizeGuideTab li{display: flex;padding: 0;line-height: normal;}
.SizeGuideBox .SizeGuideTab li strong{background: #f9d9cf;display: inline-flex;align-items: center;box-sizing: border-box;width: 25%;padding: 10px 10px 10px 20px;line-height: 18px;border-right: #FFFFFF solid 1px;border-bottom: 2px solid #ffffff;font-size: 14px;}
.SizeGuideBox .SizeGuideTab li p{background: #f7f6f6;display: inline-flex;align-items: center;box-sizing: border-box;width: 75%;padding: 10px 10px 10px 20px;line-height: 18px;border-left: #FFFFFF solid 1px;border-bottom: 2px solid #ffffff;font-size: 13px;min-width: 180px;}
.SizeGuideBox .RingSizeTab{display: flex;}
.SizeGuideBox .RingSizeTab li{display: flex;flex-direction: column;padding: 0;line-height: normal;}
.SizeGuideBox .RingSizeTab li:first-child{width: 17%;}
.SizeGuideBox .RingSizeTab li strong{display: block;text-align: center;background: #f9d9cf;padding: 10px 5px;line-height: 18px;border-right: #FFFFFF solid 1px;border-bottom: 2px solid #ffffff;font-size: 13px;}
.SizeGuideBox .RingSizeTab li > div{display: flex;}
.SizeGuideBox .RingSizeTab li p{box-sizing: border-box;display: inline-flex;flex-direction: column;border-right: #FFFFFF solid 1px;border-left: #FFFFFF solid 1px;}
.SizeGuideBox .RingSizeTab li:first-child p{width: 50%;}
.SizeGuideBox .RingSizeTab li:first-child p:first-child{border-left: none;}
.SizeGuideBox .RingSizeTab li p span{box-sizing: border-box;line-height: 16px;text-align: center;display: inline-flex;align-items: center;justify-content: center;padding: 10px 5px;font-size: 13px;}
.SizeGuideBox .RingSizeTab li p span:first-child{background: #fff2ee;height: 70px;border-bottom: #FFFFFF solid 2px;}
.SizeGuideBox .RingSizeTab li p span:last-child{background: #f7f6f6;}

/* 问答弹框 */
.ShippingDownloadWindow {display: none;position: fixed;inset: 0;z-index: 101;background: rgba(0, 0, 0, 0.5);}
.ShippingDownloadContent {width: 540px;background: #fff;position: relative;left: 50%;margin-left: -270px;top: 200px;font-size: 14px;}
.AskPopTitle {width: 500px;font-size: 18px;background: #f5f5f5;padding: 0 20px;height: 54px;line-height: 54px;border-bottom: 1px solid #e8e8e8;font-weight: bold;}
.ShippingDownloadText {padding: 20px 25px;}
.Merchandise {overflow: hidden;padding-bottom: 15px;border-bottom: 1px dashed #d1d1d1;}
.Merchandise p {float: left;display: block;}
.Merchandise p:first-child {width: 22%;margin-right: 2%;}
.Merchandise p:last-child {width: 76%;line-height: 20px;font-size: 13px;}
.CategoryInformation {margin: 15px 10px 0;height: 30px;}
.CategoryInformation p {float: left;line-height: 30px;}
.CategoryInformation p:first-child {margin-right: 1%;}
.CategoryInformation p select {width: 100%;font-size: 14px;height: 30px;}
.CategoryInformation .ErrorText,
.InformationConmmont .ErrorTips {display: none;color: red;}
.InformationConmmont {margin: 10px;}
.InformationConmmont p {height: 24px;line-height: 24px;margin-bottom: 5px;}
.InformationConmmont textarea {height: 80px;width: calc(100% - 22px);line-height: 24px;padding: 4px 10px;font-size: 14px;}
.BtnBox {margin-top: 30px;text-align: center;}
.BtnBox input {cursor: pointer;padding: 0 20px;height: 35px;border-radius: 3px;font-size: 16px;margin: 0;}
.Submit {background: #191C1F;color: #fff;margin-right: 1%;}

.Close {background: #E9E9E9;color: #000;}
.IconClose {position: absolute;width: 26px;height: 26px;background: url(../../imagesNew/shopcart/icon-multi-cart.png) no-repeat;background-position: 0 -59px;cursor: pointer;right: 19px;top: 13px;}
.jsOver20Hide{display: none}

.DetailRightBot .BlankConnection {top: 49px;}
.opation button{padding: 10px 20px;border-radius: 4px;margin-right: 25px;font-size: 16px;}

.DetailFree{position: absolute;top:0;left: 0;z-index:1;width: 110px; height: 110px; background:url(../../imagesNew/master/cart-free.png) no-repeat;}
.Details p{margin-bottom: 8px;line-height: 20px;}
.Information img{width: auto;}

@media screen and (max-width:767px) {
    .DetailContent{padding: 10px;margin-bottom: 10px;}
    .DetailLeft{width: 100%;margin-right: 0;}
    .DetailLeftWarp .SmallPicture,.DetailLeft .Download{display: none;}
    .DetailLeftWarp .BigPicture,.DetailRight{width: 100%;}
    .DetailRight .ProductName{font-size: 16px;font-weight: bold;line-height: 22px;margin-top: 10px;}
    .DetailRight .ProPrice{font-size: 22px;}
    .DetailRight .ProPrice .ProPackage{font-size: 16px;}
    .DetailRight .LadderPricing tr:nth-of-type(2) td{font-size: 14px;}
    .DetailRight .LadderPricing td, .DetailRight .LadderPricing th{padding: 5px 0;}
    .ColorList{margin: 10px 0;}
    .ColorList ul li{width: 10.224%;}
    .ColorList ul li:nth-child(11n){margin-right: 1%;}
    .ColorList ul li:nth-child(9n){margin-right: 0;}
    .CollAdd .WishList{background-size: 75px;background-position: 0 -88px;width: 31px;height: 30px;margin-right: 15px;}
    .CollAdd .WishList:hover, .CollAdd .ViewMyWishList{background-position: -44px -88px;}
    .CollAdd .AddCart{width: 200px;height: 35px;line-height: 35px;font-size: 14px;}

    .BlockNotifications{padding: 10px;}

    .Pcs label{display: inline-flex;font-size: 13px;}
    .Pcs label a{margin-right: 5px;}
    .Pcs label.NoImgColorBox{display: initial}
    .DetailRightBot.hidden-md{display: none !important;}
    .DetailRightBot .RtSw{padding: 10px 0;}
    .DetailRightBot .RtSw .Rt{margin-right: 20px;}
    .DetailRightBot .RtSw p{margin-bottom: 5px;}
    .DetailRightBot .RtSwSelect{height: 40px;line-height: 40px;margin-bottom: 10px;width: 100%;}
    .Secification table{width: 100%;}
    .Secification table td{height: auto;padding: 8px;}
    .DetailImg h2,.Subcategory .SubcategoryTitle{font-size: 16px;margin-bottom: 10px;}
    .CQ .Title{font-size: 16px;}
    .DetailImg .SeeAll{font-size: 14px;}
    .CQ .AskCq{width: 115px;}
    .CQWarp div{padding: 10px 0;}
    .Questioner .QuestionerName{display: block;}
    .Questioner{margin: 5px 0 15px 30px;}
    .ProductItem ul li{width: 32%;margin: 0 2% 2% 0;border: 1px solid #f0f0f0;}
    .ProductItem ul li:nth-child(5n),.ProductItem ul li.Laster{margin-right: 2%;}
    .ProductItem ul li:nth-child(3n){margin-right: 0;}
    .BlockNotifications{padding: 10px;}

    .SizeGuideBox h4.Title{font-size: 18px;}
    .SizeGuideBox .SizeGuideTab li strong,.SizeGuideBox .SizeGuideTab li p{padding: 5px;}
    .SizeGuideBox .SizeGuideTab li strong{font-size: 13px;}
    .SizeGuideBox{max-width: 95%;overflow: auto;max-height: 600px;padding: 10px;}
    .SizeGuideBox .RingSizeTab{flex-direction: column;}
    .SizeGuideBox .RingSizeTab li{width: 100% !important;flex-direction: row;flex-wrap: wrap;}
    .SizeGuideBox .RingSizeTab li p{width: 100% !important;flex-direction: row;}
    .SizeGuideBox .RingSizeTab li strong{width: 35%;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;padding: 5px;}
    .SizeGuideBox .RingSizeTab li div{width: 65%;flex-direction: column;}
    .SizeGuideBox .RingSizeTab li:first-child p:first-child{border-left: #FFFFFF solid 1px;}
    .SizeGuideBox .RingSizeTab li p span{height: auto !important;}
    .SizeGuideBox .RingSizeTab li p span:first-child{border-right: #FFFFFF solid 2px; width: 60%;}
    .SizeGuideBox .RingSizeTab li p span:last-child{width: 40%;border-bottom: #FFFFFF solid 2px;}

    .ShippingDownloadContent{width: 100%;height: 100%;margin-left: 0;transform: translateX(-50%);top: 0;bottom: 0;}
    .ShippingDownloadContent .AskPopTitle{height: auto !important;width: 100%;padding: 0 10px;box-sizing: border-box;font-size: 15px !important;}
    .ShippingDownloadContent .ShippingDownloadText{padding: 10px;max-height: 560px;overflow-y: scroll;overflow-x: hidden;}
    .Merchandise p:nth-child(1){width: 30%;}
    .Merchandise p:nth-child(2){width: 64%;}
    .InformationConmmont textarea{width: 100%;box-sizing: border-box;border: 1px #ccc solid;}
    .ShippingDownloadContent .BtnBox{margin-top: 20px;}
    .ShippingDownloadContent .BtnBox .Submit,.ShippingDownloadContent .BtnBox .Close{width: 49%;line-height: 30px;box-sizing: border-box;float: left;}
    .DetailFree{background-size: 80%;}

    .AddList{left: 0 !important;box-shadow: 0 2px 10px 0 rgba(0,0,0,.4)}
    .AddList em.Arrow{margin-left: 15px;}

    .CategoryInformation{height:auto;}
    .CategoryInformation p{float:none;}
    .ShippingDownloadContent .BtnBox .Submit{margin-right:2%;}
    .CategoryInformation p:first-child{margin-right:0;}
}
@media screen and (max-width:560px) {
    .ColorList ul li{width: 15.83%;}
    .ColorList ul li:nth-child(9n){margin-right: 1%;}
    .ColorList ul li:nth-child(6n){margin-right: 0;}
    .ProductItem ul li{width: 49%;margin: 0 2% 2% 0;border: 1px solid #f0f0f0;}
    .ProductItem ul li:nth-child(3n){margin-right: 2%;}
    .ProductItem ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .DetailContent{padding: 15px;margin-bottom: 15px;}
    .ProductItem ul li{width: 24%;margin: 0 1.33% 1.33% 0;}
    .ProductItem ul li:nth-child(3n),.ProductItem ul li:nth-child(5n){margin-right: 1.33%;}
    .ProductItem ul li.Laster{margin-right: 0;}
    .DetailLeft{width: 365px;}
    .DetailLeftWarp .SmallPicture{width: 70px;margin-right: 10px;height: 279px;}
    .DetailLeftWarp .SmallPicture dd{width: 70px;height: 70px;margin-bottom: 5px;}
    .DetailLeftWarp .BigPicture{width: calc(100% - 86px);}

    .DetailRight{width: calc(100% - 385px);}
    .DetailRight .ProductName{font-size: 16px;line-height: 22px;}
    .DetailRight .ProPrice{font-size: 20px;}
    .DetailRight .ProPrice .ProPackage{font-size: 14px;}
    .DetailRight .LadderPricing td, .DetailRight .LadderPricing th{padding: 5px;}
    .DetailRight .LadderPricing tr:nth-of-type(2) td{font-size: 14px;}
    .OptionsBox .OptionsBlock{width: 270px;height: 30px;line-height: 30px;}
    .ColorList ul li{width: 15.83%;}
    .ColorList ul li:nth-child(11n){margin-right: 1%;}
    .ColorList ul li:nth-child(6n){margin-right: 0;}
    .CollAdd .AddCart{width: 180px;height: 35px;line-height: 35px;font-size: 14px;}
    .CollAdd .WishList{background-size: 75px;background-position: 0 -88px;width: 31px;height: 30px;margin-right: 15px;}
    .CollAdd .WishList:hover, .CollAdd .ViewMyWishList{background-position: -44px -88px;}

    .DetailLeft .Download{margin-left: 86px;font-size: 12px;height: 25px;padding: 0 5px;}
    .DetailLeft .Download::before{margin-right: 5px;}
    .DetailRightBot{margin-top: 10px;}
    .DetailRightBot .RtSw{padding: 10px 0;}
    .DetailRightBot .RtSw .Rt{margin-right: 30px;}
    .DetailRightBot .RtSwSelect{height: 35px;line-height: 35px;margin-bottom: 15px;width: 100%;}
    .DetailRightBot .RtSwSelect div{top: 35px;}
    .Secification table{width: 100%;}
    .Secification table td{height: auto;padding: 8px 10px;}

    .QtyAv p{margin-left: 10px;}
    .CQWarp div{padding: 10px 0;}
    .DetailImg h2,.Subcategory .SubcategoryTitle{font-size: 18px;margin-bottom: 10px;}
    .DetailImg .SeeAll{font-size: 16px;}
    .CQ .Title{font-size: 18px;}
    .CQ .AskCq{width: 125px;}
    .BlockNotifications{padding: 10px;}

    .SizeGuideBox{width: 98%;padding: 20px 10px;}
    .SizeGuideBox h4.Title{font-size: 18px;}
    .SizeGuideBox .RingSizeTab li strong{font-size: 13px;height: 28px;display: flex;align-items: center;line-height:14px;justify-content: center;}

    .DetailRightBot .BlankConnection {top: 34px;}
}
@media screen and (min-width:1024px) and (max-width:1365px) {
    .DetailLeft{width: 405px;}
    .DetailLeftWarp .SmallPicture{width: 80px;margin-right: 10px;height: 311px;}
    .DetailLeftWarp .SmallPicture dd{width: 79px;height: 79px;}
    .DetailLeftWarp .BigPicture{width: calc(100% - 86px);}
    .DetailLeft .Download{margin-left: 94px;}
    .DetailRight{width: calc(100% - 425px);}
    .DetailRight .ProductName{font-size: 16px;line-height: 24px;}
    .DetailRight .ProPrice{font-size: 22px;}
    .DetailRight .LadderPricing tr:nth-of-type(2) td{font-size: 14px;}
    .DetailRight .LadderPricing td, .DetailRight .LadderPricing th{padding: 8px 0;}
    .ColorList ul li{width: 10%;margin: 0 1.25% 1.25% 0;}
    .ColorList ul li:nth-child(9n){margin-right: 0;}
    .ColorList ul li:nth-child(11n){margin-right: 1.25%;}
    .CollAdd .AddCart{width: 200px;height: 40px;line-height: 40px;font-size: 16px;}
    .DetailContent{padding: 20px;}

    .CollAdd{margin-bottom: 15px;}

    .DetailLeft .Download{margin-left: 94px;}
    .DetailRight{width: calc(100% - 425px);}

    .DetailContent{padding: 20px;}
    .QtyAv div:nth-of-type(1)，.DetailRightBot .RtSw .Rt{margin-right: 80px;}
    .CollAdd{margin-bottom: 15px;}
    .DetailRightBot .RtSw{padding: 10px 0;}
    .DetailRightBot .RtSwSelect{height: 40px;line-height: 40px;margin-bottom: 10px;}
    .DetailRightBot .RtSwSelect div{top: 43px;}
    .Secification table td{height: 40px;padding: 0 10px;}
    .DetailImg .SeeAll{font-size: 18px;}
    .DetailImg h2,.Subcategory .SubcategoryTitle{font-size: 20px;}
    .Subcategory .SubcategoryTitle{margin-bottom: 10px;}
    .CQ .AskCq{margin-bottom: 5px;}
    .CQWarp div{padding: 15px 0;}
    .BlockNotifications{padding: 10px 15px;}
    .SizeGuideBox{width: 1000px;}
    .SizeGuideBox h4.Title{font-size: 20px;}
    .SizeGuideBox .RingSizeTab li strong{font-size: 13px;height: 28px;display: flex;align-items: center;line-height:14px;justify-content: center;}
    .DetailedTextBox .SizeGuideBox{width: 610px;}
    .DetailRightBot .BlankConnection {top: 39px;}
}
@media screen and (min-width:1782px) {
    .DetailContent{padding: 35px;}
    .DetailLeft{width: 735px;}
    .DetailRight{width: calc(100% - 755px);padding-right: 85px;}
    .DetailLeftWarp{display: flex;}
    .DetailLeftWarp .SmallPicture{width: 90px;margin-right: 17px;display: flex;flex-direction: column; height: 620px;}
    .DetailLeftWarp .BigPicture{width: calc(100% - 115px);}
    .DetailLeftWarp .SmallPicture dd{width: 90px;height: 90px;margin-bottom: 16px;}
    .DetailRight .ProductName{font-size: 22px;line-height: 28px;}
    .DetailRight .ProPrice{font-size: 30px;}
    .DetailRight .ProPrice .ProPackage{font-size: 20px;}
    .LadderPricing li .Pricing{font-size: 20px;}
    .LadderPricing li .Specifications{font-size: 16px;}
    .DetailRight .LadderPricing tr:nth-of-type(2) td{font-size: 20px;}
    .ColorList ul li{width: 68px;height: 68px;margin: 0 12px 12px 0;}
    .CollAdd .AddCart{font-size: 20px;}

    .DetailImg h2{font-size: 24px;}

    .Subcategory .SubcategoryTitle{font-size: 24px;}
    .ProductItem ul li{margin: 0 25px 25px 0;width: 321px;}
    .ProductItem ul li.Laster{margin-right: 32px;}
    .ProductItem ul li:nth-child(5n){margin-right: 0;}
    .SizeGuideBox h4.Title{font-size: 24px;}
}