@charset "utf-8"; 
.BannerMain{align-items: center;display: flex;justify-content: center;margin-bottom: 20px;background-color: #ffffff;padding-left: 15px;box-sizing: border-box;}
.BannerShow {width: 77%;position: relative;background-color: #f2f4f5;}
.BannerShow .swiper{overflow: hidden;}
.BannerShow .swiper-button-next{background: url(../../imagesNew/home/icon-banner-arrow.png) no-repeat;width: 36px;height: 56px;right: 0;position: absolute;top: 50%;margin-top: -28px;z-index: 10;cursor: pointer;}
.BannerShow .swiper-button-prev{background: url(../../imagesNew/home/icon-banner-arrow.png) -36px 0px no-repeat;width: 36px;height: 56px;left: 0;position: absolute;top: 50%;margin-top: -28px;z-index: 10;cursor: pointer;}
.BannerShow .swiper-button-next:hover{background-position: 0 -56px;}
.BannerShow .swiper-button-prev:hover{background-position: -36px -56px;}
.RightMessage {display: block;align-items: center;width: calc(100% - 77%);background: #fff;padding: 20px 15px;box-sizing: border-box;}
.RightMessage .Login {padding: 0 15px;box-sizing: border-box;display: flex;margin: 0 0 15px;align-items: center;justify-content: center;}
.RightMessage .Login span:nth-of-type(1){margin-right: 2%;width: 24%;}
.RightMessage .Login span:nth-of-type(2){font-size: 20px;width: calc(100% - 26%);}
.RightMessage .SignIn2,.RightMessage .JoinFree{margin: 0 15px;box-sizing: border-box;display: block;border-radius: 30px;height: 46px;line-height: 46px;text-align: center;font-size: 20px;margin-bottom: 15px;}
.RightMessage .SignIn2{background-color: #ecf0f2;}
.RightMessage .JoinFree{background-color: #2F333A;color: #ffffff;}
.RightMessage .PBanner{text-align: center;}
.RightMessage .Title {font-size: 22px;font-weight: bold;text-align: center;margin: 0 0 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.RightMessage .PriceLev > div{display:flex;justify-content:space-between;/* align-content:center; */margin-bottom:5px;align-items:center;font-size: 14px;}
.RightMessage .PriceLev > div span:first-child,.RightMessage .PriceLev > div span:last-child{ font-weight: bold; }
.RightMessage .PriceLev > div span:nth-of-type(2){color:#666;}
.RightMessage .PriceLev > div .Level{width: calc(100% - 75px); border:1px #D9D9D9 solid; background:#fff; box-sizing:border-box; border-radius:10px; height:12px;margin: 0 5px;}
.RightMessage .PriceLev > div .Level span{display:block; background:#D9D9D9; height:10px; border-radius:10px;}
.RightMessage .Level2{display:flex;  align-items:center;  justify-content:space-evenly;  height:42px;  }
.RightMessage .Level2 span{color:#f60;}

.Rating{width: 26px;height: 32px;background: url(../../imagesNew/master/icon-grade.png) no-repeat;}
.Rating_0{background-position: 0 0;}
.Rating_1{background-position: -40px 0;}
.Rating_2 {background-position: -80px 0;}
.Rating_3 {background-position: -120px 0;}
.Rating_4 {background-position: -160px 0;}
.Rating_5 {background-position: -200px 0;}
.Rating_6 {background-position: -240px 0;display: inline-block;width: 42px}

/*子账号展示部分权限 样式调整*/
.RightMessage .Notice{display: flex;flex-wrap: wrap;margin-top: 20px;}
.RightMessage .Notice a{width: 33.33%;box-sizing: border-box;border: 1px solid #E2E2E2;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding: 20px 0;font-size: 14px;color: #666666;position: relative}
.RightMessage .Notice a:hover{color: #e73c17;}
/*.RightMessage .Notice a:nth-last-child(-n+2){width: 50%;border-top: 1px solid #E2E2E2;}*/
.RightMessage .Notice a:nth-of-type(4),.RightMessage .Notice a:nth-of-type(5){width: 50%;border-top: none;}
.RightMessage .Notice a::before{content: "";display: block;background: url(../../imagesNew/home/messges-icon.png) no-repeat;margin-bottom: 14px;}
.RightMessage .Notice a:nth-of-type(1)::before{width: 34px;height: 47px;background-position: 0 -43px;}
.RightMessage .Notice a:nth-of-type(2)::before{width: 51px;height: 47px;background-position: 0 -97px;}
.RightMessage .Notice a:nth-of-type(3)::before{width: 42px;height: 47px;background-position: 0 -146px;}
.RightMessage .Notice a:nth-of-type(4)::before{width: 47px;height: 47px;background-position: 0 -200px;}
.RightMessage .Notice a:nth-of-type(5)::before{width: 46px;height: 47px;background-position: 0 -262px;}

.RightMessage .Notice a:nth-of-type(1):hover::before{background-position: -66px -43px;}
.RightMessage .Notice a:nth-of-type(2):hover::before{background-position: -66px -97px;}
.RightMessage .Notice a:nth-of-type(3):hover::before{background-position: -66px -146px;}
.RightMessage .Notice a:nth-of-type(4):hover::before{background-position: -66px -200px;}
.RightMessage .Notice a:nth-of-type(5):hover::before{background-position: -66px -262px;}

.RightMessage .Notice a .CartNumber{position:absolute; top: 10px;right: 4px; background:#c00; border-radius:10px; display:block; height:14px; line-height: 14px; font-size: 13px; color:#fff; width:26px; text-align:center;}

.ProductBanner{display: flex;justify-content: space-between;margin-bottom: 20px;}
.ProductBanner a{width: 32%;}
.CommonCss{padding: 20px;background-color: #ffffff;box-sizing: border-box;margin-bottom: 20px;}
.CommonCss ul{display: flex;flex-wrap: wrap;}
.Guide{height: 132px;display: flex;flex-wrap: wrap;padding: 34px 10px;align-items: center;}
.Guide p{width: 25%;border-right: 1px solid #e2e2e2;box-sizing: border-box;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;text-align: center;padding: 0 10px;box-sizing: border-box;}
.Guide p b{display: flex;align-items: center;font-style: normal}
.Guide p b::before{content: "";display: block;background: url(../../imagesNew/home/icon-home.png) no-repeat;width: 38px;height: 36px;margin-right: 10px;}

.Guide .WorldWide b:before{background-position: 0 -51px;}
.Guide .Wholesale b:before{background-position: 0 -102px;}
.Guide .Exclusive b:before{background-position: 0 -152px;}
.Guide p:last-of-type{border-right: none;}
.Guide p span{width: calc(100% - 39px);}
.ProductShow{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ProductShow div{width: calc((100% - 20px) / 2);}
.ProductShow ul li{width: 32%;margin: 0 2% 0 0;}
.ProductShow ul li:last-child{margin-right: 0;}
.ProductShow ul li a{display: block;}
.ProductShow ul li span{display: block;margin: 10px 0;}
.WholesaleJewelry ul li{width: 32%;margin: 0 2% 0 0;}
.WholesaleJewelry ul li:nth-child(3n){margin-right: 0;}
.WholesaleJewelry ul li span{margin: 10px 0;display: block;}
.HotSaleShow{padding: 26px;background-color: #ffffff;box-sizing: border-box;}
.HotSaleShow .HotSaleHead{display: flex;height: 45px;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.HotSaleShow .HotSaleHead h3{margin-bottom: 0;width: 170px;}
.HotSaleShow .HotSaleNav{width: calc(100% - 240px);display: flex;}
.HotSaleShow .HotSaleNav ul li{border: 1px solid #e2e2e2;border-radius: 25px;height: 45px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 40px;margin-right: 15px;width: max-content;box-sizing: border-box;cursor: pointer;}
.HotSaleShow .HotSaleNav ul li:hover,.HotSaleShow .HotSaleNav ul li.Current{border: 1px solid #e73c17;}
.HotSaleShow .HotSaleNav ul li:hover a,.HotSaleShow .HotSaleNav ul li.Current a{color: #e73c17;}
.HotSaleShow .HotSaleNav ul li a:hover{text-decoration: none;}
.HotSaleShow .HotSaleNav ul li:last-child{margin-right: 0;}
.HotSaleShow .HotSaleHead .More{width: 70px;text-align: right;background: #fff;line-height: 44px;right: 0}
.HotSaleShow .HomeLoadingImg{display: none}
.HomeLoadingImg img{width: auto;}
.HotSaleHead .Prev, .HotSaleHead .Next{height: 45px;margin-top: -23px;}
.HotSaleHead .Prev{left: 0;right: auto;line-height: 45px;background: #fff;font-size: 20px;}
@media screen and (max-width:767px) {
    .BannerMain{padding-left: 0;margin-bottom: 10px;}
    .ProductBanner{margin-bottom: 10px;}
    .ProductBanner a{width: calc((100% - 20px) / 3);}
    .BannerShow{width: 100%;}
    .BannerShow .swiper-button-next,.BannerShow .swiper-button-prev{background-size: 60px;width: 28px;height: 46px;}
    .BannerShow .swiper-button-next{right: 0;}
    .Guide{height: auto;justify-content: center;padding: 10px;}
    .Guide p{width:50%;font-size: 13px;text-align: left;padding: 10px;}
    .Guide .WorldWide{border-right: none;}
    .Guide .Wholesale,.Guide .Exclusive{border-top: 1px solid #e2e2e2;}
    .CommonCss{margin-bottom: 10px;padding: 12px 10px;}
    .ProductShow div{width: 100%;}
    .ProductShow ul li span{margin: 5px 0;font-size: 13px;}
    .HotSaleShow{padding: 12px 10px;}
    .HotSaleShow .HotSaleHead h2{font-size: 17px;}
    .HotSaleShow .HotSaleHead{margin-bottom: 10px;flex-direction: column;height: auto;align-items: flex-start}
    .HotSaleShow .HotSaleNav{width: 100%;background-color: #2f333a;margin-bottom: 10px;}
    .HotSaleShow .HotSaleNav ul li{border-radius: 0;margin-right: 0;border: none;padding: 0 25px;}
    .HotSaleShow .HotSaleNav ul li a{color: #ffffff;}
    .HotSaleShow .HotSaleNav ul li.Current{background-color: #e73c17;border: none;}
    .HotSaleShow .HotSaleNav ul li.Current a{color: #ffffff;}
    .HotSaleNav .swiper-button-next, .HotSaleNav .swiper-button-prev{background-image: none;color: #ffffff;width: 30px;font-size: 24px;height: 100%;margin-top: 0;transform: translateY(-50%);background-color: #2f333a;display: flex;align-items: center;justify-content: center;}
    .HotSaleNav .swiper-button-next{right: 0;}
    .HotSaleNav .swiper-button-prev{left: 0;}
    .WholesaleJewelry ul li span{margin: 5px 0;}
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;}

    .PhoneProBox{display: block;margin-bottom: 10px;}
    .proTime .promotion_time a{ height: auto;}
    .promotionTime{ height:40px; line-height:2.5rem; background:#28a2db; font-size:1.5rem; color:#fff;}
    .promotionTime p{color:#fff; display:inline-block; text-align:center; width:50%;}
    .promotionTime .Promotion-time{ width:280px; overflow:hidden; padding-top:4px; margin:0 auto;}
    .promotionTime .Promotion-time:before{float:left; content:""; display:inline-block; width:30px; height:32px; background:url(../../imagesNew/account/icon-clock.png) no-repeat;margin-top: 3px;}
    .promotionTime .Promotion-time li{ float:left; height:32px; line-height:2rem; text-align:center; color:#fff; padding:0 2px;}
    .promotionTime .Promotion-time li:nth-of-type(3){ font-size:14px;}
    .promotionTime .Promotion-time li.day-text{ font-size:.875rem; padding-right:6px;}
    .promotionTime .Promotion-time .time-bg{ width:20px; margin-right:2px; padding:0; color:#28a2db;}
}
@media screen and (max-width:560px) {
    .Guide p b::before{background-size: 65px;width: 28px;height: 27px;}
    .Guide .WorldWide b:before{background-position: 0 -38px;}
    .Guide .Wholesale b:before{background-position: 0 -76px;}
    .Guide .Exclusive b:before{background-position: 0 -114px;}
    .Guide .Process:hover b::before{background-position: -38px 0;}
    .Guide .WorldWide:hover b::before{background-position: -38px -38px;}
    .Guide .Wholesale:hover b::before{background-position: -38px -76px;}
    .Guide .Exclusive:hover b::before{background-position: -38px -114px;}
    .Guide p span{width: 125px;}
    .HotSaleShow .HotSaleNav ul li{height: 40px;}
    .WholesaleJewelry ul li{width: 49%;}
    .WholesaleJewelry ul li:nth-child(2){margin-right: 0;}
    .WholesaleJewelry ul li:nth-child(n+3){display: none;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .BannerMain{padding-left: 0;margin-bottom: 10px;}
    .ProductBanner{margin-bottom: 10px;}
    .ProductBanner a{width: calc((100% - 20px) / 3);}
    .BannerShow{width: 100%;}
    .BannerShow .swiper-button-next{right: 0;}
    .Guide{height: auto;justify-content: center;padding: 15px 10px;}
    .Guide p{width:50%;font-size: 14px;text-align: left;padding: 10px;}
    .Guide .WorldWide{border-right: none;}
    .Guide .Wholesale,.Guide .Exclusive{border-top: 1px solid #e2e2e2;}
    .Guide p b::before{background-size: 70px;width: 29px;height: 30px;}
    .Guide .WorldWide b:before{background-position: 0 -40px;}
    .Guide .Wholesale b:before{background-position: 0 -81px;}
    .Guide .Exclusive b:before{background-position: 0 -122px;}
    .Guide .Process:hover b::before{background-position: -41px 0;}
    .Guide .WorldWide:hover b::before{background-position: -41px -40px;}
    .Guide .Wholesale:hover b::before{background-position: -41px -81px;}
    .Guide .Exclusive:hover b::before{background-position: -41px -122px;}
    .Guide p span{width: 155px;}
    .CommonCss{margin-bottom: 10px;padding: 12px 10px;}
    .ProductShow div{width: 100%;}
    .ProductShow ul li span{margin: 5px 0;}
    .HotSaleShow{padding: 12px 10px;}
    .HotSaleShow .HotSaleHead{margin-bottom: 10px;height: 30px;}
    .HotSaleShow .HotSaleHead{margin-bottom: 10px;flex-direction: column;height: auto;align-items: flex-start;}

    .HotSaleShow .HotSaleNav{width: 100%;background-color: #2f333a;margin-bottom: 10px;}
    .HotSaleShow .HotSaleNav ul li{border-radius: 0;margin-right: 0;border: none;height: 40px;padding: 0 20px;}
    .HotSaleShow .HotSaleNav ul li a{color: #ffffff;}
    .HotSaleShow .HotSaleNav ul li.Current{background-color: #e73c17;border: none;}
    .HotSaleShow .HotSaleNav ul li.Current a{color: #ffffff;}
    .HotSaleNav .swiper-button-next, .HotSaleNav .swiper-button-prev{background-image: none;color: #ffffff;width: 30px;font-size: 24px;height: 100%;margin-top: 0;transform: translateY(-50%);background-color: #2f333a;display: flex;align-items: center;justify-content: center;}
    .HotSaleNav .swiper-button-next{right: 0;}
    .HotSaleNav .swiper-button-prev{left: 0;}
    .WholesaleJewelry ul li span{margin: 5px 0;}
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;}
}
@media screen and (min-width:1024px) and (max-width:1365px) {
    .BannerMain{margin-bottom: 15px;}
    .BannerShow .swiper-button-next{right: 0;}
    .RightMessage{padding: 15px;}
    .RightMessage .Login{padding: 0 10px;margin: 0 0 10px;}
    .RightMessage .Login span:nth-of-type(2){font-size: 16px;}
    .RightMessage .SignIn2, .RightMessage .JoinFree{font-size: 16px;height: 35px;line-height: 35px;margin: 0 10px 10px;}
    .RightMessage .Title{font-size: 20px;margin-bottom: 10px;}
    .RightMessage .PriceLev div:nth-of-type(2) span{font-size: 13px;}
    .RightMessage .Notice{margin-top: 10px;}
    .RightMessage .Notice a{padding: 10px 0;}
    .RightMessage .Notice a::before{background-size: 85px;}
    .RightMessage .Notice a:nth-of-type(1)::before{width: 25px;height: 34px;background-position: 0 -30px;}
    .RightMessage .Notice a:nth-of-type(2)::before{width: 37px;height: 34px;background-position: 0 -70px;}
    .RightMessage .Notice a:nth-of-type(3)::before{width: 31px;height: 34px;background-position: 0 -106px;}
    .RightMessage .Notice a:nth-of-type(4)::before{width: 34px;height: 34px;background-position: 0 -145px;}
    .RightMessage .Notice a:nth-of-type(5)::before{width: 33px;height: 34px;background-position: 0 -190px;}
    .RightMessage .Notice a:nth-of-type(1):hover::before{background-position: -48px -30px;}
    .RightMessage .Notice a:nth-of-type(2):hover::before{background-position: -48px -70px;}
    .RightMessage .Notice a:nth-of-type(3):hover::before{background-position: -48px -106px;}
    .RightMessage .Notice a:nth-of-type(4):hover::before{background-position: -48px -145px;}
    .RightMessage .Notice a:nth-of-type(5):hover::before{background-position: -48px -190px;}
    .Guide{height: 115px;margin-bottom: 15px;}
    .Guide p{font-size: 15px;text-align: left;}
    .Guide p b::before{background-size: 80px;width: 34px;height: 34px;}
    .Guide .WorldWide b:before{background-position: 0 -47px;}
    .Guide .Wholesale b:before{background-position: 0 -93px;}
    .Guide .Exclusive b:before{background-position: 0 -139px;}
    .Guide .Process:hover b::before{background-position: -47px 0;}
    .Guide .WorldWide:hover b::before{background-position: -47px -47px;}
    .Guide .Wholesale:hover b::before{background-position: -47px -93px;}
    .Guide .Exclusive:hover b::before{background-position: -47px -139px;}
    .ProductBanner{margin-bottom: 15px;}
    .CommonCss{padding: 15px;margin-bottom: 15px;}
    .ProductShow div{width: calc((100% - 15px) / 2);}
    .ProductShow ul li span{margin: 5px 0;}
    .HotSaleShow{padding: 15px;}
    .HotSaleShow .HotSaleNav ul li{height: 35px;padding: 0 20px;}
    .HotSaleShow .HotSaleHead .More{font-size: 13px;}
    .WholesaleJewelry ul li span{margin: 5px 0;}
}
@media screen and (min-width:1782px) {
    .BannerMain{padding-left: 0;}
    .BannerShow{width: 1400px;padding-right: 22px;}
    .RightMessage{width: calc(100% - 1422px);padding: 27px 16px;}
    .RightMessage .Login span:nth-of-type(2),.RightMessage .SignIn2,.RightMessage .JoinFree{font-size: 22px;}
    .RightMessage .SignIn2,.RightMessage .JoinFree{height: 56px;line-height: 56px;margin: 0 26px 18px;}
    .RightMessage .JoinFree{margin-bottom: 28px;}
    .RightMessage .Login{margin: 0 0 24px;padding: 0 26px;}
    .RightMessage .Login span:nth-of-type(1){width: 81px;margin-right: 7px;}
    .RightMessage .Login span:nth-of-type(2){width: calc(100% - 88px);}
    .RightMessage .Title{margin-bottom: 30px;font-size: 24px;}
    .RightMessage .Notice{margin-top: 30px;}
    .RightMessage .Notice a{padding: 30px 0;}
    .RightMessage .Notice a .CartNumber{top: 28px;}
    .Guide{padding: 34px 26px;height: 142px;}
    .Guide p{font-size: 20px;}
    .ProductBanner a{width: 575px;}
    .HotSaleShow .HotSaleHead h3{width: auto;}
    .HotSaleShow .HotSaleNav{width: auto;}
    .HotSaleShow .HotSaleHead .More{width: auto;}
    .HotSaleShow .HotSaleNav ul li{margin-right: 25px;}
    .ProductShow ul li{width: 208px;margin: 0 15px 0 0;}
    .WholesaleJewelry ul li{width: 437px;margin: 0 34px 0 0;}
}