@charset "utf-8";
/* 初始化 */
* {
    -webkit-tap-highlight-color: transparent;
}
body {
    overflow-x: hidden;
}
img[src=""],img:not([src]){
    opacity:0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clr:after,
.baoguo:after{
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}
.hide {
    display: none;
}

/* mouse selection color */
::selection {
	background: rgb(51, 51, 51);
	color: white;
	opacity: 0;
}
::-moz-selection {
	background: rgb(51, 51, 51);
	color: white;
	opacity: 0;
}
::-webkit-selection {
	background: rgb(51, 51, 51);
	color: white;
	opacity: 0;
}

/*checkbox重定义（解决各浏览器显示不一致）*/
input#Special[type="checkbox"] {
	display: none!important;
}
input#Special[type="checkbox"]+label {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 5px;
}
input#Special[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 100%;
    height: 100%;
	cursor: pointer;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}
input#Special[type="checkbox"]:checked+label:before {
    border: 1px solid #000;
	background: url(/images/shared/dui.svg) no-repeat center center/100%;
}

/* swiper */
.swiper-container{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-preloader-color: #ccc;/* 单独设置预加载圆圈的颜色 */
}
.swiper-button-prev,
.swiper-button-next{
    width: 32px;
    height: 32px;
}
.swiper-button-prev:after,
.swiper-button-next:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.swiper-button-prev:after {
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-l-details.svg) no-repeat center center/15px;
}
.swiper-button-next:after {
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-r-details.svg) no-repeat center center/15px;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
    outline-color: transparent;
}
.swiper-button-prev.swiper-button-disabled, 
.swiper-button-next.swiper-button-disabled{
    opacity: 0;
}
/* button-thin */
.swiper-button-prev.swiper-button-thin,
.swiper-button-next.swiper-button-thin{
    width: 40px;
    height: 40px;
}
.swiper-button-prev.swiper-button-thin{
    left: 0;
}
.swiper-button-next.swiper-button-thin{
    right: 0;
}
.swiper-button-prev.swiper-button-thin:after{
    border-radius: 0;
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-l-details-thin.png) no-repeat center center/contain;
}
.swiper-button-next.swiper-button-thin:after{
    border-radius: 0;
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-r-details-thin.png) no-repeat center center/contain;
}

/* swiper-container-wrap */
.swiper-container-wrap{
    position: relative;
    z-index: 1;
	overflow: hidden;
	display: none;
	padding: 0 52px;
}
.swiper-container-wrap.noOverFlow{
	padding: 0 104px 0 0;
}
.swiper-container-wrap.on{
    display: block;
}
/* .swiper-container-wrap .swiper-button-next.swiper-button-disabled,
.swiper-container-wrap .swiper-button-prev.swiper-button-disabled{
	opacity: 0.35;
} */
.recommend .swiper-container-wrap .swiper-wrapper{
    overflow-x: initial;
}

#jewelryColorRecommend .swiper-wrapper .swiper-slide,
#recentlyViewed .swiper-wrapper .swiper-slide{
    margin-right: 48px;
}
#jewelryColorRecommend .swiper-wrapper .swiper-slide:last-child,
#recentlyViewed .swiper-wrapper .swiper-slide:last-child{
    margin-right: 0;
}


/* 详情页中间部分 */
.wd1100c {
    margin: 0 auto;
    width: 1180px;
    padding: 0 10px;
    overflow: hidden;
}

/* localhost */
.localhost {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999999;
}

.agProduct {
    display: inline-block;
}

.agProduct a {
    padding: 0 5px;
    display: inline-block;
}

.agProduct img {
    margin-top: 10px;
    width: 9px;
    vertical-align: top;
    box-sizing: content-box;
}

.agProduct span {
    display: inline-block;
}

.agProduct #pronext span {
    margin-left: 8px;
}

.localhost .agProduct{
	margin-left: auto;
}


/* 箭头 */
#mediumimagecontainer .btn-prev,
#mediumimagecontainer .btn-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

#mediumimagecontainer .btn-prev.on,
#mediumimagecontainer .btn-next.on {
    opacity: 1;
}
#mediumimagecontainer .btn-prev.arrowShow,
#mediumimagecontainer .btn-next.arrowShow {
    visibility: visible;
}
#mediumimagecontainer .btn-prev {
    left: 10px;
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-l-details.svg) no-repeat center center/15px;
}
#mediumimagecontainer .btn-next {
    right: 10px;
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-r-details.svg) no-repeat center center/15px;
}

#up-arrow,
#down-arrow,
#modalUpArrow,
#modalDownArrow {
    cursor: pointer;
    visibility: hidden;
    width: 59px;
    height: 20px;
}

#modalUpArrow {
    margin-bottom: 10px;
}

#up-arrow,
#down-arrow {
    height: 0;
}

#up-arrow.arrowShow,
#down-arrow.arrowShow,
#modalUpArrow.arrowShow,
#modalDownArrow.arrowShow {
    visibility: visible;
    height: 20px;
}

#up-arrow.arrowShow {
    margin-bottom: 10px;
}

#up-arrow,
#modalUpArrow {
    background: url(/images/shared/shang1.jpg) no-repeat center center/26px auto;
}

#down-arrow,
#modalDownArrow {
    background: url(/images/shared/xia1.jpg) no-repeat center center/26px auto;
}

.zoom-r .btns {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.zoom-r .btns.on {
    opacity: 1;
}

.zoom-r .btns.arrowShow {
    visibility: visible;
}

.zoom-r .btn-prev {
    left: 20px;
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-l-details.svg) no-repeat center center/15px;
}

.zoom-r .btn-next {
    right: 20px;
    background: rgba(255,255,255,0.95) url(/images/shared/arrows-r-details.svg) no-repeat center center/15px;
}

/* 缩略图 */
#cloth_product_scroll {
    float: left;
}

#product-images {
    margin: 20px 0 0 0;
}
#thumbnails {
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
    margin-right: 0px;
}

#thumbnails-container {
    top: 0;
    left: 0;
    float: left;
    overflow: hidden;
    width: 100%;
    border: 0
}

#thumbnails-container #smallimage li,
.img-list #zoomSmallImage li {
    border-bottom: 2px solid #fff;
    padding: 0 0 3px;
    margin: 0 0 4px;
    cursor: pointer;
}

#thumbnails-container #smallimage li img,
.img-list #zoomSmallImage li img {
    width: 59px;
    height: 85px;
}

#thumbnails-container #smallimage li:hover,
.img-list #zoomSmallImage li:hover {
    border-bottom: 2px solid #ccc;
}

#thumbnails-container #smallimage li.paddingbottom,
.img-list #zoomSmallImage li.paddingbottom {
    border-bottom: 2px solid #000;
}

#thumbnails-mask {
    position: relative;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 470px;
    text-align: center
}

/* 中图 */
#large-image {
    margin-left: 145px;
    float: left;
    background-repeat: no-repeat;
    text-align: center;
}
#large-image .fenxiang2 {
    margin-top: 15px;
    padding: 0px 15px;
    text-align: center;
}

#large-image .fenxiang2 a img::selection {
    background-color: transparent;
}

#large-image .fenxiang2 a img::-moz-selection {
    background-color: transparent;
}

#large-image .fenxiang2>a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: top;
}
#large-image .fenxiang2>a#facebookshare {
    background: url(/images/shared/fx_01.png) no-repeat center center/contain;
}
#large-image .fenxiang2>a#twittershare {
    background: url(/images/shared/fx_02.png) no-repeat center center/contain;
}
#large-image .fenxiang2>a#pinterestshare {
    background: url(/images/shared/fx_05.png) no-repeat center center/contain;
}

#mediumimagecontainer {
    position: relative;
    margin: 0 auto;
    width: 500px;
    height: 720px;
    overflow: hidden;
    background-color: #f7f7f7;
}

#medium-image {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    cursor: zoom-in;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: url(/images/shared/zoom.svg) 16 16 ,auto;
}

.crystals_detail #large-image,
.jewelry_detail #large-image{
    margin-left: 122px;
}

/* largeMedium */
.largeMedium #large-image{
    margin-left: 72px;
}
.largeMedium #mediumimagecontainer {
    width: 600px;
    height: 864px;
}

.costumes_detail .video-pc,
.tailsuit_detail .video-pc {
    width: 610px;
    height: 874px;
}

/* only for mobile */
#middleImg,
#mobileChart,
.pinch-zoom-container1 {
    display: none;
}

/* PC放大图 */
#myModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
    overflow: hidden;
    display: none;
}

#myModal .modal-content {
    position: relative;
    background-color: #fff;
    outline: 0;
    background-clip: padding-box;
    box-sizing: border-box;
    height: 100%;
    border-radius: 0;
}

#myModal .modal-body {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    padding: 40px;
}


/* 大图色票 */
.color_a_modal.color_a_normal,
.color_a_modal.color_a_abnormal {
    position: absolute;
    z-index: 10;
    left: 40px;
    bottom: 0;
    padding: 10px 0 20px;
    box-sizing: border-box;
}

.color_a_modal #modalValMsgColor {
    display: block;
    margin-bottom: 10px;
    line-height: 15px;
    font-weight: bold;
    font-size: 13px;
}

.color_a_modal .modalAColor {
    position: relative;
    width: 480px;
}
.color_a_modal #myModalColorWrap {
    width: 100%;
    overflow: hidden;
}

.color_a_modal #myModalColorWrap::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.color_a_modal .modalColorBtn {
    display: none;
    position: absolute;
    top: 0;
    width: 20px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 34px;
    color: #fff;
    cursor: pointer;
}

.color_a_modal .modalColorLeft {
    left: -30px;
    background: url(/images/shared/prev_no.png) no-repeat center center/auto 34px;
}

.color_a_modal .modalColorRight {
    right: -10px;
    background: url(/images/shared/next_no.png) no-repeat center center/auto 34px;
}

.color_a_abnormal .modalColorBtn {
    height: 40px;
}

.color_a_normal .modalColorRight {
    right: -23px;
}


.color_a_modal .myModalColorWrap {
    white-space: nowrap;
    float: left;
    font-size: 0;
}

.color_a_modal.color_a_normal a {
    display: inline-block;
    width: 53px;
    margin-right: 7px;
}

.color_a_modal.color_a_normal img {
    display: inline-block;
    width: 47px;
    height: 28px;
    padding: 1px;
    border: 2px solid #ddd;
    box-sizing: content-box;
}

.color_a_modal.color_a_normal .on img {
    border: 2px solid #000;
}

.color_a_modal.color_a_abnormal .tishi {
    text-align: left;
    display: none;
}

.color_a_modal.color_a_abnormal li {
    position: relative;
    margin-right: 20px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.color_a_modal.color_a_abnormal  span {
    display: block;
}

.fabiric_detail .color_a_modal.color_a_abnormal .ddlListData span{
    border-radius: 50%;
    overflow: hidden;
}

.color_a_modal.color_a_abnormal li img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
}
.fabiric_detail .color_a_modal.color_a_abnormal li img {
    height: 40px;
}


.color_a_modal.color_a_abnormal li a {
    position: static;
    display: block;
    border-bottom: 2px solid transparent !important;
    height: 8px;
    line-height: 8px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.color_a_modal.color_a_abnormal li a.on {
    border-bottom: 2px solid #0a0a0a !important;
}

/* zoom-left */
.zoom-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 9;
}
.zoom-left div {
    text-align: center;
}
.zoom-left .img-list {
    overflow: hidden;
    padding: 0px;
    max-height: 470px;
}

.fabiric_detail .zoom-r,
.zoom-r {
    position: relative;
    text-align: center;
    margin-left: 100px;
    width: 85%;
    height: 90%;
    width: calc(100% - 100px);
    height: calc(100% - 70px);
}

.crystals_detail .zoom-r {
    height: calc(100% - 80px);
}

#myModal #modal-close {
    position: absolute;
    display: block;
    top: 10px;
    right: 40px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
}

#myModal #modal-close::after {
    content: "X";
    display: inline-block;
    margin: 5px 0 5px 5px;
    vertical-align: top;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

#myZoomImgWrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#myZoomImgWrap img {
    max-width: 98%;
}


/* video */
.v_src{
    display: none;
}
.v_src.on{
    display: block;
}
.video-pc-btn-play .v_src,
.video-pc-btn-youtube {
    display: none;
    width: 59px;
    height: 85px;
    cursor: pointer;
    margin: 0 auto;
    background: url(/images/shared/video_pc_left.png) no-repeat center center/contain;
}

.video-pc-btn-youtube {
    display: block;
}

.video-pc {
    width: 510px;
    height: 730px;
    position: absolute;
    left: -5px;
    top: -5px;
    display: none;
    /* background: rgba(0,0,0,1); */
}

.video-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    display: none;
}

.video-pc .video-js,
.video-mobile .video-js {
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
}

.vjs-big-play-button {
    display: none !important;
}

.video-pc-close,
.video-mobile-close,
.zoom-mobile-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    background: url(/images/shared/pop-close.png) no-repeat center center/contain;
}

.video-mobile-btn-play,
.deatil_rt .video-pc-btn-youtube{
    display: none;
}

.video-mobile-btn-play .v_src,
.deatil_rt .video-pc-btn-youtube{
    display: none;
    margin: 5px 0;
    width: 100%;
    height: 50px;
    background: #e8e8e8 url(/images/shared/video_pc_right_bsf.png) no-repeat center center/auto 31px;
}

.video-start-pause {
    pointer-events: none;
    width: 82px;
    height: 82px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -41px;
    margin-top: -41px;
    z-index: 1;
    display: none;
    opacity: 0.8;
    background-size: 100%;
    background-image: url(/images/shared/video_pc_pause.png);
}

.video-pc:hover {
    cursor: pointer;
}

.video-pc:hover .video-start-pause {
    opacity: 1;
    background-image: url(/images/shared/video_pc_right.png);
}

/* video-youtube */
.video-youtube {
    width: 656px;
    height: 370px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    display: none;
}

.video-youtube-close {
    position: absolute;
    top: -30px;
    width: 100%;
    height: 30px;
    background: #ffffff url(/images/shared/closed.jpg) no-repeat 98% center/auto;
}

.video-youtube-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}


/* deatil */
.localhost+.deatil {
	height: auto;
	margin-bottom: 80px;
	margin-top: 5px;
	position: relative;
}

/* deatil_lt */
.deatil_lt {
    width: auto;
}

/* deatil_rt */
.deatil_rt {
    width: 310px;
}
.crystals_detail .deatil_rt,
.jewelry_detail .deatil_rt,
.costumes_detail .deatil_rt{
    width: 356px;
}

/* title */
.deatil_rt_title {
    margin-top: 10px;
}
.deatil_rt_title span {
	display: block;
	line-height: 21px;
	font-size: 19px;
	letter-spacing: -0.02em;
}
.deatil_rt_title>span:not(#pname) {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #999;
}
.deatil_rt_title p {
	height: 24px;
	line-height: 24px;
}

/* price */
.deatil_rt_price {
    font-size: 15px;
}
.deatil_rt_item {
	width: 100%;
	margin-top: 15px;
	padding-bottom: 0px;
}
.promotionSparkle{
    margin-top: 10px;
    color: #bc0202;
    font-size: 13px;
}
.promotionSparkle span{
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
.free_shipping_item{
    font-size: 13px;
    color: #393939;
    margin-top: 2px;
}

.price_first{
    display: block;
}
.price_Ref,
.price_active,
.price_active_text,
.price_active_text_bold{
    display: none;
}
.price_first,
.price_Ref{
    font-weight: bold;
}
/* onSale */
.onSale .price_active_text_bold{
    display: block;
    font-weight: bold;
    margin-top: 15px;
    text-transform: capitalize;
}
.onSale .price_active_text{
    display: block;
    margin-top: 5px;
    color: #bc0202;
    font-size: 13px;
    line-height: 15px;
}
.onSale .price_active_text>span{
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
/* onSaleSpecial */
.onSale.onSaleSpecial .deatil_rt_item:nth-child(2){
    margin-top: 0;
}
.onSale.onSaleSpecial .price_first{
    color: #bbb;
    text-decoration:line-through;
    font-weight: normal;
}
.onSale.onSaleSpecial .price_active{
    display: block;
    margin-top: 15px;
    color: #bc0202;
    font-weight: bold;
}
.onSale.onSaleSpecial .price_Ref{
    color: #bc0202;
}

/* sale cloth & sale shoes */
.cloth_clearance_detail .onSale.onSaleSpecial .price_active,
.shoes_clearance_detail .onSale.onSaleSpecial .price_active{
    margin-top: 0;
}
.cloth_clearance_detail .onSale .price_active_text,
.shoes_clearance_detail .onSale .price_active_text{
    margin-top: 3px;
}

/* isRef */
.isRef .price_first{
    color: #bbb;
}
.isRef .price_Ref{
    display: block;
}
.isRef .deatil_rt_item:nth-child(2){
    margin-top: 0;
}
.onSale.isRef .price_active{
    color: #393939;
}

/* vip */
.vipdetail{
    display: inline-block;
    margin-bottom: 6px;
    color: #393939;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #393939;
}

.vipContent>div{
    display: none;
}
.vipContent.onSaleVip>div{
    display: block;
}
#lblItemVIPPrice,
#lblVipRefPrice{
    font-weight: bold;
    margin-right: 5px;
}
#lblVipRefPrice{
    display: none;
}
.vipContent.isRefVip #lblItemVIPPrice{
    color: #bbb;
}
.vipContent.isRefVip #lblVipRefPrice{
    display: block;
}


/* Dimensions */
.Dimensions {
    color: #393939;
    font-size: 14px;
    font-family: Brandon Text;
    font-weight: bold;
    margin-top: 10px;
}
.Dimensions span {
    font-weight: normal;
}
/* cup & fast_today*/
.cup,
.fast_today_item{
	margin: 14px 0 0;
    line-height: 13px;
    font-size: 13px;
	position: relative;
	padding-left: 22px;
}
.cup:before,
.fast_today_item:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
}
.cup:before{
    background: url(/images/shared/icon-cup.svg) no-repeat center center/contain;
}
.fast_today_item:before{
    background: url(/images/shared/fast-today.svg) no-repeat center center/contain;
}
.fast_today_item{
    margin-top: 8px;
    display: none;
}
.fast_today_item.on{
    display: block;
}
.cup>a{
    cursor: default;
}


/* secoundsub */
.secoundsub{
    margin: 30px 0;
    font-size: 14px;
    max-height: 60px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    cursor: pointer;
}
.fabiric_detail .secoundsub{
    margin-bottom: 0;
}

/* optins */
.optins {
    margin: 20px auto 4px;
}
.jewelry_detail .optins{
    margin-top: 0;
    padding-top: 40px;
    border-top: 1px dotted #bbb;
}


/* SizeChart-p */
.SizeChart-p,
.HeelChart-p{
    text-align: right;
}
.SizeChart-p{
    margin: 20px 0 10px;
}
.HeelChart-p{
    margin: 10px 0 20px;
}
.SizeChart-p a>span,
.HeelChart-p a>span{
	text-transform: capitalize;
	display: inline-block;
	border-bottom: 1px solid #000;
}
.SizeChart-p a:hover>span,
.HeelChart-p a:hover>span{
	color: #bc0202;
}


/* size-chart-skin */
.size-chart-skin{
    border-radius: 0;
    max-width: calc(100% - 60px);
	max-height: calc(100% - 100px);
}
.size-chart-skin .layui-layer-content{
    padding: 10px 20px;
    box-sizing: content-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.desktop_body .size-chart-skin .layui-layer-content::-webkit-scrollbar{
	width:6px;
	height:6px;
}
.desktop_body .size-chart-skin .layui-layer-content::-webkit-scrollbar-thumb{
	background: #ddd;
}
.size-chart-skin .layui-layer-setwin .layui-layer-close{
    position: static;
    margin: 0;
    width: 15px;
    height: 15px;
    background: url(/images/shared/closed.png) no-repeat center center/contain;
}
/* chartContent */
.size-chart-skin .chartContent{
    margin-bottom: 20px;
}
.size-chart-skin .chartContent table{
    /* max-width: 1160px; */
}
.size-chart-skin .chartContent table img{
    min-height: 51px;
}


/* size-chart-html */
.size-chart-html{
    padding: 0 50px;
    margin-bottom: 100px;
}
.size-chart-html .chartContent{
    width: 100%;
    display: flex;
    position: relative;
    z-index: 1;
}
.size-chart-html .swiper-button-prev{
    left: -50px;
}
.size-chart-html .swiper-button-next{
    right: -50px;
}
/* size-chart-html table */
.size-chart-html table{
    min-width: 100%;
}
.size-chart-html table tr td{
    padding: 8px 0;
}
.shoes_detail .size-chart-html td,
.shoes_child_detail .size-chart-html td,
.shoes_clearance_detail .size-chart-html td{
    text-align: center;
}
.size-chart-html table tr[bgcolor="#edecf0"] td,
.size-chart-html table tr[bgcolor="#666666"] td{
    padding: 0;
}
.desktop_body .size-chart-html::-webkit-scrollbar{
	width:6px;
	height:6px;
}
.desktop_body .size-chart-html::-webkit-scrollbar-thumb{
	background: #ddd;
}
/* size-chart-html size-chart-title */
.size-chart-html .size-chart-title{
    margin-bottom: 2px;
    width: 100%;
}
.size-chart-html .size-chart-title>*{
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    margin-bottom: 10px;
}
.size-chart-html .size-chart-title label{
    font-size: 18px;
    font-weight: bold;
    margin-right: 25px;
}
.size-chart-html .size-chart-title p{
    font-size: 18px;
}
.size-chart-html .btnInchCm{
    float: right;
}
.size-chart-html .btnInchCm em{
    margin: 0 15px;
    border-left: 1px solid #aaa;
    height: 14px;
}
.size-chart-html .btnInchCm span:hover{
    cursor: pointer;
}
.size-chart-html .btnInchCm span:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #aaa;
}
.size-chart-html .btnInchCm span.on:before{
    border: 1px solid #000;
    background-color: #000;
}

/* size-chart-html left right */
.size-chart-html .left div,
.size-chart-html .right .right-div div {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-top: 1px solid #eee;
    box-sizing: content-box;
    height: 36px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.size-chart-html .left div{
    justify-content: flex-start;
    font-weight: bold;
}
.size-chart-html .right .right-div div{
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
    min-width: 40px;
}
.shoes_detail .size-chart-html .right .right-div div:first-child{
    font-weight: bold;
}
.size-chart-html .left .left-bold,
.size-chart-html .right .right-div .num-null {
    font-weight: bold;
    border: 0;
}
.size-chart-html .left .left-bold:not(:nth-of-type(1)),
.size-chart-html .right .right-div .num-null:not(:nth-of-type(1)) {
    background-color: #f7f7f7;
    color: transparent;
    height: 14px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
.size-chart-html .left .left-bold:not(:nth-of-type(1))+div,
.size-chart-html .right .right-div .num-null:not(:nth-of-type(1))+div {
    border: 0;
}

.size-chart-html .left {
	width: 150px;
    display: flex;
    flex-direction: column;
}
.size-chart-html .right {
	width: calc(100% - 150px);
}
.size-chart-html .right .right-div-box{
    display: flex;
    width: 100%;
    height: 100%;
}
.size-chart-html .right .right-div {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.size-chart-html .imgWidth{
    width: 100%;
}
.size-chart-html .imgWidth .swiper-slide {
    width: auto;
}
.size-chart-html .swiper-scrollbar{
    background-color: #f7f7f7;
}
.size-chart-html .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #cbcbcb;
}
.size-chart-html .mouse_over{
    background-color: #f9f9f9;
}
.size-chart-html .mouse_over.mouse_over_color{
    font-weight: bold;
    color:#106dcd;
}
.size-chart-html .mouse_over.left-bold,
.size-chart-html .mouse_over.num-null{
    font-size: inherit;
    color:inherit;
}


/* ddldata */
.MaskWhite{
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: none;
}
.ddldata{
    margin-top: 10px;
}
.sizechart-box select,
.sizechart-box input {
	font-weight: bold
}

/* ddldata 下拉*/
.sizechart-box,
.pop-sizechart-box{
    border-bottom: 1px #ccc dotted;
}
.sizechart-box li.uk30,
.pop-sizechart-box li.popminli,
#sizechart-change .attribute-selection .selectionok,
.sizechart-box .attribute-selection-foiling,
.sizechart-box .backstrap .shouhang{
	position: relative;
	box-sizing: border-box;
	border-top: 1px #ccc dotted;
    padding-left: 17px;
    padding-right: 34px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.sizechart-box .attribute-selection-foiling {
    display: none;
}
.sizechart-box .attribute-selection-foiling.hasFoiling {
    display: flex;
}
.sizechart-box li.uk30:after,
.pop-sizechart-box li.popminli:after,
#sizechart-change .attribute-selection .selectionok:after,
.sizechart-box .backstrap .shouhang:after{
    content: "";
    display: block;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    background: url(/images/shared/xia.jpg) no-repeat center/contain;
}
#sizechart-change .attribute-selection .selectionok:after,
.sizechart-box .backstrap .shouhang:after{
    width: 8px;
    height: 14px;
    margin-top: -7px;
    background: url(/images/shared/jt1.jpg) no-repeat center/contain;
}

.sizechart-box li.uk30 span.yi-uk30,
.pop-sizechart-box li.popminli span.popminspan,
#sizechart-change .attribute-selection .selectionok b.status,
.sizechart-box .attribute-selection-foiling b.status,
.sizechart-box .backstrap .shouhang span.sp2{
	width: 100%;
	height: 100%;
    font-weight: bold;
    line-height: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}
.sizechart-box .backstrap .shouhang span.sp2 .zhuijia{
	margin-left: 5px;
}
.backstrap#select-Opition .shouhang span.sp2{
    display: block;
    line-height: 49px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sizechart-box li.uk30 span.yi-uk30:after,
.pop-sizechart-box li.popminli span.popminspan:after,
#sizechart-change .attribute-selection .selectionok b.status:after,
.sizechart-box .backstrap .shouhang span.sp2:after{
    display: none;
}
.sizechart-box li.uk30[data-type="Size"] span.yi-uk30:after,
.pop-sizechart-box li.popminli[data-type="Size"] span.popminspan:after,
#sizechart-change .attribute-selection[data-type="Size"] .selectionok b.status:after,
.sizechart-box .backstrap[data-type="Size"] .shouhang span.sp2:after{
    content: "Select Size";
}
.sizechart-box li.uk30[data-type="Color"] span.yi-uk30:after,
.pop-sizechart-box li.popminli[data-type="Color"] span.popminspan:after,
#sizechart-change .attribute-selection[data-type="Color"] .selectionok b.status:after,
.sizechart-box .backstrap[data-type="Color"] .shouhang span.sp2:after{
    content: "Select Color";
}
.sizechart-box li.uk30[data-type="Heel"] span.yi-uk30:after,
.pop-sizechart-box li.popminli[data-type="Heel"] span.popminspan:after{
    content: "Select Heel";
}
.sizechart-box li.uk30[data-type="Width"] span.yi-uk30:after,
.pop-sizechart-box li.popminli[data-type="Width"] span.popminspan:after{
    content: "Select Width";
}

.sizechart-box li.uk30[data-type="Style"] span.yi-uk30:after,
.pop-sizechart-box li.popminli[data-type="Style"] span.popminspan:after{
    content: "Select Style";
}

.sizechart-box .backstrap[data-type="Backing"] .shouhang span.sp2:after{
    content: "Select Backing";
}
.sizechart-box .backstrap[data-type="Major Color"] .shouhang span.sp2:after{
    content: "Select Major Color";
}
.sizechart-box .backstrap[data-type="Minor Color"] .shouhang span.sp2:after{
    content: "Select Minor Color";
}
.sizechart-box .backstrap[data-type="Major Color A"] .shouhang span.sp2:after{
    content: "Select Major Color A";
}
.sizechart-box .backstrap[data-type="Minor Color A"] .shouhang span.sp2:after{
    content: "Select Minor Color A";
}
.sizechart-box .backstrap[data-type="Major Color B"] .shouhang span.sp2:after{
    content: "Select Major Color B";
}
.sizechart-box .backstrap[data-type="Minor Color B"] .shouhang span.sp2:after{
    content: "Select Minor Color B";
}

.sizechart-box .backstrap[data-type="Crystal"] .shouhang span.sp2:after{
    content: "Select Crystal";
}
.sizechart-box .backstrap[data-type="Crystal Color"] .shouhang span.sp2:after{
    content: "Select Crystal Color";
}
.sizechart-box .backstrap[data-type="Major Fabric Color"] .shouhang span.sp2:after{
    content: "Select Major Fabric Color";
}
.sizechart-box .backstrap[data-type="Minor Fabric Color"] .shouhang span.sp2:after{
    content: "Select Minor Fabric Color";
}
.sizechart-box .backstrap[data-type="Fabric"] .shouhang span.sp2:after{
    content: "Select Fabric";
}
.sizechart-box .backstrap[data-type="Length"] .shouhang span.sp2:after{
    content: "Select Length";
}
.sizechart-box .backstrap[data-type="Details"] .shouhang span.sp2:after{
    content: "Select Details";
}


/* status icon*/
.sizechart-box li.uk30[status]:before,
.pop-sizechart-box li.popminli[status]:before,
#sizechart-change .attribute-selection[status] .selectionok:before,
.sizechart-box .attribute-selection-foiling:before,
.sizechart-box .backstrap[status] .shouhang:before,
.sizechart-box .backstrap.size-guide span:before{
    content: "";
    box-sizing: border-box;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}
.sizechart-box li.uk30[status="empty"]:before,
.pop-sizechart-box li.popminli[status="empty"]:before,
#sizechart-change .attribute-selection[status="empty"] .selectionok:before,
.sizechart-box .backstrap[status="empty"] .shouhang:before{
    background-color: #fff;
    border: 1px solid #bbb;
}
.sizechart-box li.uk30[status="selected"]:before,
.pop-sizechart-box li.popminli[status="selected"]:before,
#sizechart-change .attribute-selection[status="selected"] .selectionok:before,
#sizechart-change .attribute-selection[status="disabled"] .selectionok:before,
.sizechart-box .attribute-selection-foiling:before,
.sizechart-box .backstrap[status="selected"] .shouhang:before,
.sizechart-box .backstrap.size-guide span:before{
    background-color: #000;
    border: 1px solid #000;
}
.sizechart-box li.uk30[status="disabled"]:before,
.pop-sizechart-box li.popminli[status="disabled"]:before,
.sizechart-box .backstrap[status="disabled"] .shouhang:before{
    background-color: #bbb;
    border: 1px solid #bbb;
}
.sizechart-box li.uk30[status="error"]:before,
.pop-sizechart-box li.popminli[status="error"]:before,
#sizechart-change .attribute-selection[status="error"] .selectionok:before,
.sizechart-box .backstrap[status="error"] .shouhang:before{
    background-color: #bc0202;
    border: 1px solid #bc0202;
}
/* status others*/
.sizechart-box li.uk30[status="disabled"],
.pop-sizechart-box li.popminli[status="disabled"],
#sizechart-change .attribute-selection[status="disabled"] .selectionok,
.sizechart-box .backstrap[status="disabled"] .shouhang{
    color: #bbb;
    cursor: default;
}
#sizechart-change .attribute-selection[quantity="less4"] .selectionok{
    cursor: default;
}
.sizechart-box li.uk30[status="disabled"]:after,
.pop-sizechart-box li.popminli[status="disabled"]:after,
#sizechart-change .attribute-selection[status="disabled"] .selectionok:after,
#sizechart-change .attribute-selection[quantity="less4"] .selectionok:after,
#sizechart-change .attribute-selection[quantity="less4"]>span.more,
.sizechart-box .backstrap[status="disabled"] .shouhang:after{
    display: none;
}
.sizechart-box li.uk30[status="error"] span.yi-uk30:after,
.pop-sizechart-box li.popminli[status="error"] span.popminspan:after,
#sizechart-change .attribute-selection[status="error"] .selectionok b.status:after,
.sizechart-box .backstrap[status="error"] .shouhang span.sp2:after{
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    background: #FFFFFF;
    color: #bc0202;
    display: flex;
}
/* Hellsw */
.Hellsw .sizechart-box li.uk30[status="disabled"]:before{
    background-color: #fff;
    border: 1px solid #bbb;
}
.Hellsw .sizechart-box li.uk30[status="disabled"]:after{
    display: block;
    opacity: 0.3;
}


/* color_a */
.color_a {
	margin-bottom: 10px;
}
.color_a a {
	display: block;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}
.noselect+.ClrChrt .color_a a{
    cursor: default;
}

.color_a img,
.pop-sizechart-tanchu-box li.pop-ddlListData span img,
.sizechart-tanchu-box li.ddlListData span img{
	width: 47px;
	height: 28px;
	padding: 1px;
	border: 2px solid #d6d6d6;
	box-sizing: content-box;
}

.color_a .on img,
.pop-sizechart-tanchu-box li.pop-ddlListData:hover span img,
.sizechart-tanchu-box li.ddlListData:hover img {
	border: 2px solid #000;
}

.pop-sizechart-tanchu-box li.pop-ddlListData span img,
.sizechart-tanchu-box li.ddlListData span img{
    margin-right: 10px;
}

/* sizechart-tanchu-box */
.sizechart-tanchu-box,
.pop-sizechart-tanchu-box{
	width: 100%;
	-webkit-box-shadow: 0 0 5px 1px #e3e3e3;
	-moz-box-shadow: 0 0 5px 1px #e3e3e3;
	box-shadow: 0 0 5px 1px #e3e3e3;
	border: #e3e3e3 1px solid;
	color: #999;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 1;
	background: #fff;
	display: none;
}

.sizechart-tanchu-box p,
.pop-sizechart-tanchu-box p{
	margin-left: 15px;
}
.sizechart-tanchu-box p:nth-child(1),
.pop-sizechart-tanchu-box p:nth-child(1){
	font-size: 13px;
    font-weight: bold;
	line-height: 40px;
    color: #333;
}
.sizechart-tanchu-box p:nth-child(2),
.pop-sizechart-tanchu-box p:nth-child(2){
	margin-top: -10px;
	margin-right: 10px;
	padding-bottom: 11px;
    line-height: 16px;
    color: #bc0202;
}
.sizechart-tanchu-box ul,
.pop-sizechart-tanchu-box ul{
	overflow: auto;
	max-height: 361px;
	border-top: 1px solid #e3e3e3;
	color: #333;
	-webkit-overflow-scrolling: touch;
}
.pop-sizechart-tanchu-box ul{
    max-height: 181px;
}
.sizechart-tanchu-box ul::-webkit-scrollbar,
.pop-sizechart-tanchu-box ul::-webkit-scrollbar{
	width:10px;
	height:0;
}
.sizechart-tanchu-box ul::-webkit-scrollbar-thumb,
.pop-sizechart-tanchu-box ul::-webkit-scrollbar-thumb{
	box-shadow: inset 6px 0px 0px #cbcbcb;
}
.sizechart-tanchu-box p span,
.pop-sizechart-tanchu-box p span{
	font-size: 13px;
	font-weight: bold;
	color: #333;
}
.sizechart-tanchu-box li,
.pop-sizechart-tanchu-box li{
	border-bottom: #e3e3e3 1px solid;
	padding-left: 15px;
	cursor: pointer;
	height: 60px;
    position: relative;
    display: flex;
    align-items: center;
}
.sizechart-tanchu-box li:hover,
.pop-sizechart-tanchu-box li:hover{
	background-color: #fff;
	color: #333;
	border-bottom: 1px solid #000;
	cursor: pointer;
}
.sizechart-tanchu-box li.ddlListData .choice_ref,
.pop-sizechart-tanchu-box li.pop-ddlListData .choice_ref{
    line-height: 20px;
    font-size: 12px;
}
.sizechart-tanchu-box li.ddlListData .choice_val,
.pop-sizechart-tanchu-box li.pop-ddlListData .choice_val{
	line-height: 15px;
}

.sizechart-tanchu-box li.ddlListData .quicksze,
.pop-sizechart-tanchu-box li.pop-ddlListData .quicksze{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    margin-right: 12px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #ccc;
    font-style: italic;
}
.sizechart-tanchu-box li.ddlListData .quicksze[weizhi=youxia],
.pop-sizechart-tanchu-box li.pop-ddlListData .quicksze[weizhi=youxia]{
	margin-top: 10px;
}
.sizechart-tanchu-box li.ddlListData .quicksze_price{
	font-style: normal;
	color: #000;
}



/* ddldata 侧边栏*/
#jewelrylist,
#crystallist,
#fabiriclist{
    margin-top: 30px;
}

/* backstrap */
.backstrap.size-guide{
    height: auto;
    line-height: 16px;
    padding: 17px 0 10px;
}
.backstrap.size-guide span,
.backstrap.size-guide p{
    display: block;
    padding-left: 17px;
}
.backstrap.size-guide span{
    position: relative;
    font-weight: bold;
    line-height: 16px;
}

.shitou-ul,
.color-ul,
.side-tanchu-box{
    transition: all 0.3s;
}

.tite-color,
.tite-shitou,
.Attributes2-down,
.slippage-list .down{
	margin-bottom: 15px;
	padding-bottom: 1px;
	border-bottom: #c6c7d2 1px solid;
	background: url(/images/shared/closed.png) no-repeat center right/20px;
	line-height: 25px;
    cursor: pointer;
}
.tishi {
	color: #393939;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 15px;
}
.jewelry_detail .tishi{
	display: none;
}

/* simple-ul */
.simple-ul{
    width: 356px;
}
.simple-ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2% 20px 0;
    padding: 0 10px;
    width: 48%;
    height: 40px;
    border: #b8b8b8 1px solid;
    border-radius: 3px;
    line-height: 15px;
    float: left;
    cursor: pointer;
}
.simple-ul li.on,
.simple-ul li:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
/* size-info */
.size-info{
    margin-bottom: 10px;
}
.size-info ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.size-info ul li{
    width: 48%;
    margin-bottom: 6px;
    word-break: break-word;
}
.size-info ul li.special-notes{
    display: block;
    width: 100%;
}
.size-info ul li span:hover{
    cursor: pointer;
}
.size-info ul li b{
    width: 48%;
    margin-right: 4px;
}
.size-info .btnInchCm{
    display: flex;
    width: 100%;
    height: 20px;
    align-items: center;
    margin-bottom: 10px;
}
.size-info .btnInchCm span:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #aaa;
    margin-top: -1px;
}
.size-info .btnInchCm span.on:before {
    border: 1px solid #000;
    background-color: #000;
}
.size-info .btnInchCm em {
    margin: 0 15px;
    border-left: 1px solid #aaa;
    height: 14px;
}



/* shitou-ul */
.shitou-ul {
	position: absolute;
	z-index: 1;
	top: 0;
	right: -110%;
	max-width: 100%;
	min-width: 356px;
	min-height: 100%;
	background: #fff;
}

.shitou-ul li{
    display: flex;
    margin-bottom: 35px;
    cursor: pointer;
}
.shitou-ul li span{
    width: 120px;
    height: 55px;
    border: #b8b8b8 1px solid;
    display: block;
    border-radius: 3px;
    text-align: center;
    line-height: 15px;
    padding-top: 10px;
    font-weight: bold;
}
.shitou-ul li span i{
	font-style: normal;
	border: none;
}

.shitou-ul li.on span,
.shitou-ul li:hover span {
	border: #000 1px solid;
	background: #000;
	color: #fff;
}
.shitou-ul li p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
    height: 55px;
    padding-left: 20px;
}
.shitou-ul li p .shitou-ul-s1,
.shitou-ul li p .shitou-ul-s2{
	height: 24px;
	line-height: 24px;
	display: block;
}
/* color-ul */
.color-ul li span {
	display: block;
	margin-bottom: 4px;
}
.color-ul li img {
    max-width: 100%;
    margin: 0 auto;
}
.color-ul li a {
	display: inline;
	font-size: 12px;
	border-bottom: 2px solid #FFFFFF;
}
.color-ul li:hover a,
.color-ul li.on a {
	border-bottom-color: #000000;
}
.color-ul li a h5{
    display: inline-block;
    font-weight: inherit;
}
.color-ul li a b.newref1{
    margin-left: 5px;
    font-weight: normal;
    display: none;
}
.color-ul li a b.newref1.on{
	display: inline-block;
}
.color-ul li font {
	font-weight: bold;
}


/* side-tanchu-box */
.side-tanchu-box {
	position: absolute;
	z-index: 2;
	top: 0;
	right: -110%;
	padding: 0 0 24px;
    background: #fff;
    min-width: 356px;
	max-width: 100%;
	min-height: 100%;
	font-weight: normal;
	overflow: hidden;
}
/* state=on  侧边栏开启 */
.side-tanchu-box[state="on"] {
    right: 0;
    box-shadow: -20px 0 0 #fff;
}
.color-ul .box_img_chanP {
	float: left;
	padding-right: 13px;
	margin-bottom: 25px;
	background: #fff;
	opacity: 0.85;
	min-height: 586px;
	text-align: center;
}
.color-ul .box_img_chanP img {
	min-width: 297px;
	min-height: 333px;
}

.color-ul .ul_box_li{
	overflow: hidden;
	float: right;
	height: 100%;
	background: #fff;
}
.color-ul .ul_box_li li {
    position: relative;
    float: left;
    margin-bottom: 10px;
	padding-left: 0;
	line-height: 15px;
	text-align: center;
	cursor: pointer;
}
.color-ul .ul_box_li li[status="disabled"]{
    opacity: 0.3;
    cursor: default;
}
.color-ul .ul_box_li li[status="disabled"] a{
    border-bottom-color: #fff;
}

.color-ul.color-ul-complex li{
    width: 170px;
    height: 244px;
}
.color-ul.color-ul-complex li span {
    display: block;
    margin-bottom: 4px;
    border-radius: 50%;
    overflow: hidden;
}
.color-ul.color-ul-complex-square li{
    width: 205px;
    height: 150px;
}
#select-length .color-ul-complex-square li{
    height: auto;
    margin-bottom: 20px!important;
}
#select-length .color-ul-complex-square li img{
    width: 150px;
    height: 216px;
}

/* rhinestonedcolor */
#select-sepiao-rhinestonedcolor .ul_box_li{
    width: 850px;
}
#select-sepiao-rhinestonedcolor li{
    width: 111px;
    height: 115px;
    margin-left: 5px;
    margin-right: 5px;
}
#select-sepiao-rhinestonedcolor li span {
	width: 50px;
	margin-left: auto;
	margin-right: auto;
}
#select-sepiao-rhinestonedcolor li span img{
	border-radius: 50%;
}

/* quantity=many */
#select-sepiao-rhinestonedcolor .side-tanchu-box,
.color-ul-complex[quantity="many"],
.color-ul-complex-square[quantity="many"]{
	width: 100%;
}
/* picture=false */
.color-ul-complex[picture="false"][quantity="many"] li{
    margin-right: 77.5px;
}
.color-ul-complex-square[picture="false"][quantity="many"] li{
    margin-right: 33.75px;
}
.color-ul-complex[picture="false"][quantity="many"] li:nth-child(5n),
.color-ul-complex-square[picture="false"][quantity="many"] li:nth-child(5n){
    margin-right: 0;
}
.color-ul-complex[picture="false"] .ul_box_li,
.color-ul-complex-square[picture="false"] .ul_box_li{
	width: 100%;
}
.color-ul-complex[picture="false"][quantity="less"]{
    width: 380px;
}
.color-ul-complex-square[picture="false"][quantity="less"]{
	width: 430px;
}
.color-ul-complex[picture="false"][quantity="less"] .ul_box_li,
.color-ul-complex-square[picture="false"][quantity="less"] .ul_box_li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* picture=true */
.color-ul-complex[picture="true"][quantity="many"] .ul_box_li{
    width: 830px;
}
.color-ul-complex[picture="true"][quantity="many"] li{
    margin-right: 50px;
}
.color-ul-complex[picture="true"][quantity="many"] li:nth-child(4n){
    margin-right: 0;
}
.color-ul-complex[picture="true"][quantity="less"]{
	width: 690px;
}
.color-ul-complex[picture="true"][quantity="less"] .ul_box_li{
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* ddldata - costumes  Opition-ul */
.Opition-ul {
    padding: 0 0 0 40px;
}
.Opition-ul{
    height: 100%;
}
.Opition-ul .Opition-box{
    height: 100%;
}
.Opition-box .tite-shitou img {
	top: 16px;
	cursor: pointer;
}
.Opition-box .optionValues {
    display: block;
    font-weight: normal;
	width: 90%;
	font-size: 13px;
}
.Opition-box .Opition-rp{
    height: calc(100% - 67px);
}
.Opition-list li {
    position: relative;
	width: 100%;
	height: 40px;
	line-height: 53px;
	border-bottom: 2px solid transparent;
	font-weight: normal;
	font-size: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.Opition-list li.on{
    border-bottom: 2px solid #000;
}
.Opition-list li:hover{
    border-bottom: 2px solid #ddd;
}
.Opition-list li:after{
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 8px;
    height: 14px;
    background: url(/images/shared/jt1.jpg) no-repeat center/contain;
}

.Opition-list li img{
    display: block;
	float: right;
	top: 19px;
    width: 8px;
    height: 14px;
    margin-top: 20px;
    
}
.Opition-list svg {
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	float: right;
	display: block;
	margin-top: 15px;
	margin-right: -7px;
}
.Opition-apply{
	width: 142px;
	background: #000;
	height: 38px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	border-radius: 4px;
	display: block;
	float: left;
	border: 1px solid #000;
	margin: 30px auto 30px;
}

.Opition-box .Opition-rp2{
    float: left;
}
.Opition-box .ct-rp {
    background: #fff;
    padding-top: 18px;
    padding-left: 70px;
    height: 100%;
    width: 570px;
    float: right;
}
.Opition-ct {
	display: none;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.Opition-ct.on {
	display: block;
}
.desktop_body .Opition-ct::-webkit-scrollbar{
	width:6px;
	height:6px;
}
.desktop_body .Opition-ct::-webkit-scrollbar-thumb{
	background: #ddd;
}
.Opition-ct>p {
    line-height: 20px;
    margin-bottom: 5px;
}
.Opition-a {
    display: flex;
    flex-wrap: wrap;
    width: 500px;
}
.Opition-a .Reference {
	line-height: 12px;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	display: block;
	margin-top: -19px;
	float: left;
}
.Opition-a li {
    width: 195px;
    margin-bottom: 30px;
    margin-right: 55px;
    cursor: pointer;
}
.Opition-a li[status="disabled"]{
    color: #e5e5e5;
    cursor: default;
}
.Opition-a li[status="disabled"]>span,
.Opition-a li[status="disabled"].on>span,
.Opition-a li[status="disabled"]:hover>span{
    border-color: #e5e5e5;
    background-color: #fff;
}

.Opition-a span {
	width: 10px;
    height: 10px;
	border: #e5e5e5 1px solid;
	display: block;
	text-align: center;
	line-height: 15px;
	float: left;
	font-size: 13px;
    box-sizing: content-box;
}
.Opition-a li:hover span,
.Opition-a li.on span {
	background-color: #000;
    border-color: #000;
}
.Opition-a li .opition-div {
	line-height: 15px;
	padding-left: 20px;
	font-weight: normal;
	font-size: 12px;
}
.Opition-a li #clickoption {
	color: black;
	cursor: pointer;
}
.Opition-a li #unclickoption {
	color: gray;
	cursor: pointer;
}
.Opition-a p {
    margin-bottom: 5px;
	padding-left: 20px;
    width: 100%;
    height: 32px;
    line-height: 12px;
    white-space: nowrap;
	font-weight: bold;
}
.Opition-a li p b{
    display: block;
    width: 100%;
}
.Opition-a li p b:first-child{
    line-height: 12px;
}
.Opition-a li p b.newref1 {
    margin-top: 5px;
    height: 15px;
    line-height: 15px;
    display: none;
}
.Opition-a li p b.newref1.on{
    display: block;
}
.Opition-a .opition-img {
	width: 100%
}
.Opition-a .opition-img img {
	width: 151px;
	position: inherit;
    display: block;
    max-width: 100%;
}

/* Opition-ct-double */
.Opition-ct-double .Opition-a li{
    width: 100%;
    margin-right: 0;
}
.Opition-ct-double .Opition-a .opition-img>div{
    width: 195px;
    float: left;
    margin-right: 55px;
}
.Opition-ct-double .Opition-a li p b{
    display: inline-block;
    width: auto;
    margin: 0;
    height: auto;
    line-height: 12px;
}
.Opition-ct-double .Opition-a li p b.newref1.on{
    display: inline-block;
    margin-left: 10px;
}


/* ddldata - pop */
.attribute-selection .Attributes2,
.jewelry_detail .color-ul{
    position: absolute;
    z-index: 1;
    top: 0;
    right: -110%;
    overflow: hidden;
    background: #fff;
    font-weight: normal;
    padding-bottom: 24px;
    width: auto;
    min-width: 356px;
    min-height: 100%;
    max-width: 100%;
    transition: all 0.3s;
}

.attribute-selection .Attributes2[state="on"],
.jewelry_detail .color-ul[state="on"],
.jewelry_detail .shitou-ul[state="on"]{
    right: 0;
    box-shadow: -20px 0 0 #fff;
}
.attribute-selection.color .Attributes2 li,
.jewelry_detail .color-ul li {
    padding-left: 0;
    line-height: 15px;
    float: left;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 125px;
    height: 140px;
    margin-bottom: 10px;
    margin-left:10px;
    margin-right:10px;
}
/* Attributes2[quantity="less"] */
.attribute-selection .Attributes2[quantity="less"]{
    max-width: 460px;
}
.attribute-selection.color .Attributes2[quantity="less"] li{
    max-width: 95px;
}

.jewelry_detail .color-ul li span {
    width: 70px;
    margin-left: auto;
    margin-right: auto;
}
.jewelry_detail .color-ul li img {
    border-radius: 50%;
}
.jewelry_detail .color-ul li font {
    font-weight: bold;
}
/* ddldata - jewerly shitou-ul */
.jewelry_detail .shitou-ul li {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.jewelry_detail .shitou-ul li p {
    line-height: 15px;
    text-align: center;
    margin-bottom: 5px;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
}
.jewelry_detail .shitou-ul li span {
    width: 137px;
    display: block;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto 50px;
    height: auto;
    float: none;
    padding: 0;
}
.jewelry_detail .shitou-ul li i {
    font-style: normal;
}
.jewelry_detail .shitou-ul li img {
    display: block;
    margin: 0 auto;
    width: 151px;
}
.jewelry_detail .shitou-ul li>span.Jewelry-French #newref {
    margin-left: 10px;
}
/* ddldata - jewerly li.special */
.jewelry_detail .shitou-ul li.special {
    width: 47%;
    margin-bottom: 15px;
}
.jewelry_detail .shitou-ul li.special:nth-of-type(even) {
    float: right;
}
.jewelry_detail .shitou-ul li.special span {
    padding: 0;
    margin: 0;
    line-height: 55px;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}
.jewelry_detail .shitou-ul li.special p {
    display: none;
}


/* attribute-selection*/
.attribute-selection span.more {
    line-height: 14px;
    text-align: center;
    margin-bottom: 15px;
    display: none;
    font-size: 14px;
    display: block;
    text-decoration: underline;
    cursor: pointer;
}

/* attribute-selection - size */
.attribute-selection.size>.Attributes1 {
    max-height: 150px;
    overflow: hidden;
}
.attribute-selection.size .choice_val_sel {
    display: block;
    font-weight: bold;
}
.attribute-selection.size .choice_noavid {
    position: absolute;
    right: 5px;
    bottom: 0;
    line-height: 20px;
    font-size: 12px;
    color: #ccc;
    font-style: italic;
    font-weight: normal;
}
.attribute-selection.size ul li {
    float: left;
    width: 48%;
    text-align: center;
    position: relative;
    margin: 0 2% 20px 0;
    cursor: pointer;
    border-radius: 3px;  
    line-height: 55px;
    border: 1px solid #d5d5d5;
}
.attribute-selection.size ul li em {
    position: absolute;
    bottom: 3px;
    right: 5px;
}
.attribute-selection.size li.hover,
.attribute-selection.size li.on {
    background: #000;
    color: #fff;
    border-color: #000;
    cursor: pointer;
}
.attribute-selection.size li.ban {
    color: #e3e3e3;
    border-color: #eeeeee;
    cursor: not-allowed;
}
.attribute-selection.size li.ban em {
    color: #eeeeee;
}
.attribute-selection.size .Attributes2{
    width: 356px;
}

/* attribute-selection - color */
.attribute-selection.color>.Attributes1{
    max-height: 165px;
    overflow: hidden;
}
.attribute-selection.color>.Attributes1 p,
.attribute-selection.color .Attributes2 ul p {
    margin-bottom: 10px;
    font-weight: bold;
}
.attribute-selection.color>.Attributes1 li {
    float: left;
    text-align: center;
    position: relative;
    margin: 0 1% 20px;
    cursor: pointer;
    border-radius: 3px;
    width: 23%;
    height: 120px;
}
.attribute-selection.color>.Attributes1 li.hover {
    cursor: pointer;
}
.attribute-selection.color>.Attributes1 li.ban {
    opacity: 0.5;
    -moz-opacity: 0.5;
    cursor: not-allowed;
}
.attribute-selection.color>.Attributes1 li>span,
.attribute-selection.color .Attributes2 li>span {
    margin: 0 auto;
    display: block;
    width: 70px;
}
.attribute-selection.color .Attributes2 li>span{
    margin-bottom: 4px;
}
.attribute-selection.color>.Attributes1 li img,
.attribute-selection.color .Attributes2 li img {
    display: block;
    width: 100%;
}
.attribute-selection.color>.Attributes1 li a,
.attribute-selection.color .Attributes2 li a {
    font-size: 12px;
    display: inline;
    line-height: 15px;
    overflow: hidden;
    border-bottom: 2px solid transparent!important;
}
.attribute-selection.color>.Attributes1 li a.on,
.attribute-selection.color>.Attributes1 li:hover a,
.attribute-selection.color .Attributes2 li a.on,
.attribute-selection.color .Attributes2 li:hover a {
    border-bottom: 2px solid #0a0a0a!important;
}
.attribute-selection.color>.Attributes1 li .choice_noavid,
.attribute-selection.color .Attributes2 li .choice_noavid {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin-top: 2px;
}




/*ddldata - Tail Suit*/
.hang-deta {
    position: absolute;
	right: -110%;
	top: 0;
    width: 935px;
    padding-left: 90px;
    max-width: 100%;
	min-height: 100%;
	overflow: auto;
	background: #FFFFFF;
	z-index: 1;
	color: #393939;
    text-indent: 0;
    cursor: default;
    -webkit-overflow-scrolling: touch;
    transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
}
.hang-deta:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.Trecommend-Details-Size .hang-deta {
	width: 750px;
}

.Trecommend-Details-Size .Trecommend-list-btn {
	font-size: 0;
}
.Trecommend-Details-Size .Trecommend-list-sizechart{
    display: none;
}
.Trecommend-Details-Size .Trecommend-list-btn .size-btns:nth-child(4n) {
	margin-right: 0;
}

.Trecommend-Details-Size .Trecommend-list-btn .size-btns {
	display: inline-block;
	width: calc((100% - 38px) / 4);
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	margin-right: 10px;
    border-radius: 2px;
    box-sizing: content-box;
}
.Trecommend-Details-Size .Trecommend-list-btn .size-btns:hover,
.Trecommend-Details-Size .Trecommend-list-btn .size-btns.on {
    background: black;
    color: #FFFFFF;
    border: 1px solid #000;
    cursor: pointer;
}


.Trecommend-Details-Color .hang-deta {
	width: 420px;
	height: 725px;
}

.Trecommend-Details-Color .Trecommend-list .imgs img {
	width: 100%;
}


.Trecommend-Details-Color .Trecommend-list .Trecommend-list-1{
    text-align: center;
}
.Trecommend-Details-Color .Trecommend-list .Trecommend-list-2 {
	margin-bottom: 20px;
    width: 190px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.Trecommend-Details-Color .Trecommend-list .txt {
    border-bottom: 2px solid #FFFFFF;
    display: inline-block;
    margin-top: 10px;
    line-height: 16px;
    vertical-align: top;
}

.Trecommend-Details-Color .Trecommend-list .Trecommend-list-2:hover .txt {
    border-bottom: 2px solid black;
}

.Trecommend-Details-Color .Trecommend-list .txt.in {
	border-bottom: 2px solid black;
}

.hang-deta.in {
	right: 0;
}

.hang-deta .Tclose {
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 30px;
	overflow: hidden;
    font-size: 15px;
}
.hang-deta .Tclose p {
	float: left;
}
.hang-deta .Tclose span {
	float: right;
	font-size: 26px;
	cursor: pointer;
}
.tail-size .closeBottom{
    display: none;
}
.Suspension .hang-deta .closeBottom{
    margin-top: 30px;
    padding: 10px 25px;
    display: block;
    border: 1px solid #ccc;
    color: #393939;
    font-size: 15px;
    border-radius: 3px;
    line-height: 20px;
    float: right;
    cursor: pointer;
    text-transform:capitalize;
}
.Suspension .hang-deta .closeBottom:hover{
    border: 1px solid #000;
    background-color: #000;
    color: #ffffff;
}
.Suspension .hang-deta .closeBottom:before{
    content: "close";
    display: inline-block;
}


.Trecommend h4 {
	line-height: 30px;
	margin-top: 30px;
	border-bottom: 1px dotted #ccc;
	font-weight: 100 !important;
	font-size: 14px;
	color: #999;
	font-family: Brandon Text;
	color: #393939;
}

.Trecommend li.Trecommend-Details,
.tail-size ul li {
	line-height: 30px;
	border-bottom: 1px dotted #ccc;
    background: url(/images/shared/jt1.jpg) no-repeat 98% center;
    background-size: 8px 14px;
	text-indent: 10px;
	padding: 10px 0;
	cursor: pointer;
}

.Trecommend li i,
.Trecommend-list .Size i,
.tail-size .TSelected {
	width: 10px;
	height: 10px;
	border: 1px solid #999999;
	float: left;
    margin-top: 9px;
    box-sizing: content-box;
}

.Trecommend li i.on,
.Trecommend-list .Size i.on,
.tail-size .TSelected.on {
    background-color: #000;
    border: 1px solid #000;
}

.Trecommend li .Tproduct-name-w span {
	display: block;
	margin-left: 14px;
	line-height: 16px;
}
.Trecommend li.Trecommend-Details.disabled{
    background: none;
    cursor: default;
}
.Trecommend li.Trecommend-Details.disabled i{
    background-color: #bbb;
    border-color: #bbb;
}
.Trecommend li.Trecommend-Details.disabled b{
    color: #bbb;
}

.Trecommend-list-left {
	width: 50%;
	float: left;
	padding: 0 30px 30px;
	font-size: 15px;
	line-height: 30px;
    font-weight: bold;
    box-sizing: border-box;
}

.Tproduct-name {
    font-weight: normal;
    margin-top: 20px;
    line-height: 16px;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Trecommend-list .Size {
	text-indent: 10px;
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	background: url(/images/shared/arrows-b.svg) no-repeat right center/14px auto;
	cursor: pointer;
    position: relative;
    font-size: 13px;
}

.Trecommend-list .Size.disabled {
    color: #bbb;
    background: unset;
    cursor: default;
}
.Trecommend-list .Size.disabled i{
    background-color: #bbb;
    border-color: #bbb;
}

.Trecommend-list .Sizelist.in .Size {
	color:  #bc0202;
}

.Trecommend-list .Sizelist.in .Size i {
	background:  #bc0202;
	border-color:  #bc0202;
}

.Trecommend-list .Sizelist .Size .Tget-prompt {
    /* font-size: 14px; */
    position: absolute;
    left: 12px;
    top: 0;
    font-weight: bold;
    line-height: 50px;
    background-color: #fff;
    color: #bc0202;
    display: none;
}

.Trecommend-list .Sizelist.in .Size .Tget-prompt {
	display: block;
}

.Tproduct-price,
.Tproduct-priceref {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 22px;
}
.Trecommend-list .statussub{
    display: none;
}

.Trecommend-list ul {
	overflow: hidden;
	margin-bottom: 10px;
}

.Trecommend-list ul li {
	margin: 0 15px 10px 0;
	line-height: 44px;
	list-style: none;
	font-size: 12px;
	cursor: pointer;
}

.Trecommend-list ul.Tsize li {
	float: left;
	width: calc(50% - 17px);
	border: 1px solid #CCCCCC;
	text-align: center;
	text-indent: 0;
	border-radius: 2px;
	font-weight: 100;
}

.Trecommend-list ul.Tsize li.in {
	color: #fff;
    background: #000;
    border: 1px solid #000;
}

.Trecommend-list ul.Tsize li:hover {
	border: 1px solid #000;
}

.Trecommend-list ul.Tpanel li img {
	width: 47px;
	height: 28px;
	padding: 1px;
	border: 2px solid #ddd;
	float: left;
	margin-top: 5px;
    margin-right: 10px;
    box-sizing: content-box;
}

.Trecommend-list ul.Tpanel li.in img,
.Trecommend-list ul.Tpanel li:hover img {
	border-color: #000;
}

.TDividing {
	border-bottom: 1px dotted #ccc;
	display: block;
	margin-bottom: 20px;
}

.TsubmitRemove,
.Tsubmit {
    display: block;
    border-bottom: 1px solid #393939;
    float: left;
    text-align: center;
    line-height: 18px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    color: #393939;
}

.TsubmitRemove,
.TsubmitSkip,
.TsubmitSkipout {
	display: none;
}

.TsubmitSkip,
.TsubmitSkipout {
	float: right;
}


.Tpanel {
	display: none;
}

.Tdown {
	background: url(/images/shared/closed.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}


.AMask {
	display: none;
}

.tail-size {
	margin: 20px 0;
	display: inline-block;
	width: 100%;
}

.tail-size .tail-size-l,
.tail-size .tail-size-r {
	width: 50%;
	float: left;
}
.tail-size button {
	width: 96%;
    height: 40px;
    margin-bottom: 10px;
	border: 1px solid #999;
	border-radius: 2px;
    background: #fff;
    color: #383838;
	font-size: 13px;
	font-weight: 600;
}

.tail-size .tail-size-l-btn{
    margin-right: 4%;
}
.tail-size .tail-size-r-btn{
    margin-left: 4%;
}

.tail-size>div.on button{
    border-color: #000;
    background-color: #000;
    color: #fff;
}
.tail-size>div.on .Trecommend{
    display: block;
}

/* ReadyMadeOnly */
.tail-size.ReadyMadeOnly,
.tail-size.CustomMadeOnly{
    border-top: 1px dotted #ccc;
}
.tail-size.ReadyMadeOnly .tail-size-r,
.tail-size.CustomMadeOnly .tail-size-l{
    display: none;
}
.tail-size.ReadyMadeOnly .tail-size-l-btn,
.tail-size.ReadyMadeOnly .tail-size-r-btn,
.tail-size.CustomMadeOnly .tail-size-l-btn,
.tail-size.CustomMadeOnly .tail-size-r-btn{
    display: none;
}



.Suspension .hang-deta{
    width: auto;
}
.Suspension .Trecommend-list{
    display: flex;
    justify-content: center;
    position: relative;
}
.Suspension .Trecommend-list-left{
    width: 330px;
}
.Suspension .Trecommend-list-left.pro1{
    padding-left: 0;
}
.Suspension .Trecommend-list-left.pro2{
    padding-right: 0;
}


.tail-size ul {
	width: 200%;
	display: none;
}
.tail-size .Trecommend-Details-Color ul {
	width: 100%;
	display: block;
}

.tail-size ul.tail-measure {
	margin-left: -100%;
}

.tail-size ul li.tail-measure-size {
	background: none;
	cursor: auto;
}

.tail-size ul li.tail-measure-size i {
    background: #000;
    border: 1px solid #000;
}

.tail-size ul li.tail-measure-size p {
	text-indent: 0;
	line-height: 16px;
}


.Trecommend-Details .error_msg{
	position: relative;
	float: left;
}
.Trecommend-Details .title{
    font-size: 13px;
    font-weight: bold;
}
.Trecommend-Details .font1{
    display: none;
    color: #bc0202;
    position: absolute;
    width: 150px;
    text-align: left;
    left: 0;
    top: 0px;
    font-weight: bold;
    background-color: #fff;
}
body#xiezi_ds_cjn[no_parameter=yes] .bg{
	display: none!important;
}
body#xiezi_ds_cjn[no_parameter=yes] .popdiv{
	display: none!important;
}
body .Trecommend-Details[select=no_select] .TSelected{
	background: #bc0202;
	border: 1px solid #bc0202;
}
body .Trecommend-Details[select=no_select] b.title{
    color:  #bc0202;	
}
body .Trecommend-Details[select=no_select] .font1{
	display: block;
}

.Trecommend-Details .childcontainer .swi-com-te {
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.Trecommend-Details .childcontainer .swiper-wrapper img {
    width: 100%;
}
.Trecommend-Details .childcontainer .swiper-button-prev,
.Trecommend-Details .childcontainer .swiper-button-next{
    display: none;
}
.Trecommend-Details .childcontainer:hover .swiper-button-prev,
.Trecommend-Details .childcontainer:hover .swiper-button-next{
    display: block;
}


/* add to bag */
.ships,
.attribute-but,
.parameter-submit{
    border-bottom: 1px dotted #ddd;
    padding: 20px 0;
    text-align: center;
}
.jewelry_detail .ships_a,
.parameter-submit-a{
    display: flex;
    flex-wrap: nowrap;
    justify-content : space-between;
}
#btnBuyNow,
.Jewelry-nav p,
.parameter-submit #addSample,
#addWish {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 3px;
    background: #000;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
}
#addWish{
    background-color: transparent;
    color: inherit;
    border-color: #ccc;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#addWish:before{
    content: "";
    width: 16px;
    height: 16px;
    background: transparent url(/images/shared/wish.png) no-repeat center/contain;
}
#addWish em{
    margin-left: 8px;
}
/* addWish disabled */
#addSample[disabled="disabled"],
#addWish[disabled="disabled"]{
    cursor: default;
}
/* addWish added&successed */
#addSample.added,
#addWish.added,
#addWish.successed{
    position: relative;
    pointer-events:none;
}
#addSample.added:before,
#addWish.added:before,
#addWish.successed:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    background-image: none;
}
/* #addSample added */
#addSample.added:before{
    content: "In Bag Already";
}
/* addWish added */
#addWish.added:before{
    content: "In Wishlist Already";
}
/* addWish successed */
#addWish.successed:before{
    content: "Added to Wish!";
}

/* #addWish loading*/
#addWish.iamloading1{
	position: relative;
}
#addWish.iamloading1:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
    left: 0;
    background: #fff url(/images/shared/loading-btn-white.gif) no-repeat center center/contain;
}

#btnBuyNow{
    position: relative;
    margin-bottom: 15px;
}
#btnBuyNow:hover {
	opacity: 0.8;
}
#btnBuyNow em {
	font-style: normal;
}
#btnBuyNow em:last-child {
	display: none;
}
#btnBuyNow img {
	display: none;
	border-radius: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	max-height: 100%;
	max-width: 100%;
	transform: translate(-50%, -50%);
}
.cloth_clearance_detail #btnBuyNow,
.shoes_clearance_detail #btnBuyNow{
    margin-bottom: 0;
}
.parameter-submit #addBag {
	width: 100%;
	background: #000000;
	border-color: #000000;
	color: #FFFFFF;
}
.Jewelry-nav .btnCustom,
.parameter-submit #addSample {
    border-color: #ccc;
    background: #fff;
    color: #393939;
}
.Jewelry-nav,
.parameter-submit #addSample {
    margin-right: 10px;
    width: 100%;
}
.Jewelry-nav em {
    background: none;
}
.Jewelry-nav img {
    float: left;
    width: 11px;
    height: 11px;
    margin-right: 5px;
    margin-top: 4px;
}
.Jewelry-nav span {
    width: 10px;
    height: 10px;
    border: #bcbcbc 1px solid;
    display: inline-block;
    margin-right: 5px;
    margin-top: 3px;
    position: relative
}
.Jewelry-nav .mr {
    margin-right: 57px;
    box-sizing: content-box;
}

.data-switch-nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.data-switch-nav .btnCustom,
.data-switch-nav .btnReady{
    width: 48%;
    box-sizing: border-box;
    height: 40px;
    line-height: 38px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
    color: #383838;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.data-switch-nav[status="disabled"] .btnCustom,
.data-switch-nav[status="disabled"] .btnReady{
    cursor: default;
}

/* ReadyMade & CustomMade */
.Jewelry-nav.CustomMade .btnCustom,
.Jewelry-nav.ReadyMade .btnReady{
    display: none;
}
.Jewelry-nav.ReadyMade .btnCustom,
.Jewelry-nav.CustomMade .btnReady{
    display: block;
}
.data-switch-nav.CustomMade .btnCustom,
.data-switch-nav.ReadyMade .btnReady{
    border-color: #000;
    background-color: #000;
    color: #fff;
}
.Jewelry-nav.ReadyMadeOnly,
.Jewelry-nav.CustomMadeOnly,
.data-switch-nav.ReadyMadeOnly,
.data-switch-nav.CustomMadeOnly{
    display: none;
}

.ReadyMade .ct2,
.ReadyMadeOnly .ct2,
.CustomMade .ct1,
.CustomMadeOnly .ct1{
    display: none;
}
.ReadyMade .ct1,
.ReadyMadeOnly .ct1,
.CustomMade .ct2,
.CustomMadeOnly .ct2{
    display: block;
}

#costumeslist:not(.CustomMadeOnly) .sizechart-box .backstrap:first-child .shouhang {
    border-top: 0;
}

/* btnBuyText */
.btnBuyText{
    line-height: 48px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: none;
}
.btnBuyText:before{
    content: "";
    display: block;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: transparent url(/images/shared/ship.png) no-repeat center/contain;
}
.jewelry_detail .btnBuyText{
    height: 48px;
}
.btnBuyText #lblItemStatus{
    display: block;
}
.btnBuyText #QuickShip{
    display: none;
    cursor: pointer;
}
.btnBuyText #QuickShip:before{
    content: "|";
    display: inline-block;
    margin: 0 10px;
}
.btnBuyText.hasStatus{
    display: flex;
}
.btnBuyText.hasQuick #QuickShip{
    display: block;
}

.notStock{
    color: #bc0202;
    text-align: left;
}


/*同款推荐*/
.Variations {
    position: relative;
    margin-top: 45px;
    display: none;
}
.Variations.show {
    display: block;
}
.Variations>h2 {
    line-height: 40px;
    font-size: 16px;
}
.Variations ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.Variations li {
    width: 23%;
    margin: 1%;
    display: none;
}
.Variations li:nth-child(1),
.Variations li:nth-child(2),
.Variations li:nth-child(3),
.Variations li:nth-child(4),
.Variations li:nth-child(5),
.Variations li:nth-child(6),
.Variations li:nth-child(7),
.Variations li:nth-child(8) {
    display: block;
}
.Variations.on li {
    display: block;
}
.Variations li img {
    width: 100%;
}
.Variations li a>h4,
.Variations li a>div{
    display: none;
}
.Variations .variationsMore {
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: none;
}
.Variations .variationsMore:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/shared/arrows-b-s.svg) no-repeat center center/18px 18px;
}
.Variations.over8 .variationsMore {
    display: block;
}
.Variations.on .variationsMore:after {
    background-image: url(/images/shared/arrows-t-s.svg);
}


/* recommend - shoes  */
.pub_btns_s5 {
	width: 120px;
	margin: auto;
	height: 30px;
	line-height: 28px;
	border: 1px solid #bcbcbc;
	border-radius: 3px;
	text-align: center;
	margin-top: 22px;
}
.pub_btns_s5 a {
	font-size: 14px;
	text-decoration: none;
	color: #393939;
	display: block;
	height: 100%;
}
/* recommend - pop box - shoes  */
.closedd {
    position: relative;
	width: 50px;
}
.closedd img {
	position: absolute;
	right: 20px;
	top: -30px;
	width: 20px;
	height: 20px;
}
.choose-right {
	width: 350px;
    padding-left: 50px;
    padding-bottom: 5px;
    box-sizing: content-box;
}
.pop-shoes-detail {
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
}
.pop-choose-optional {
    padding: 20px 0 10px;
    box-sizing: content-box;
}
.pop-choose-optional>div {
	float: left;
}
.pop-choose-left {
	width: 300px;
}
.pop-c-title {
	font-size: 19px;
	font-family: Brandon Text;
	color: #393939;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
}
.pop-c-title {
	font-size: 15px;
}
.pop-c-price {
	text-decoration: line-through;
}
.pop-c-saleprice span {
	font-weight: bold;
	display: inline-block;
	margin: 5px 0;
	font-size: 13px;
	margin-right: 5px;
}
.pop-c-saleprice span:nth-last-child(1) {
	margin-left: 15px;
}
.pop-c-saletitle {
	font-family: Brandon Text;
	color: #bc0202;
	font-size: 14px;
	margin-bottom: 10px;
}
.pop-c-btns {
	width: 100%;
	border-radius: 3px;
	background: #000;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border: none;
	height: 40px;
	line-height: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}
.pop-c-itemstates {
	text-align: center;
    color: #393939;
    height: 18px;
    line-height: 18px;
}
.pop-c-detail {
	margin-bottom: 15px;
	font-size: 13px;
}
.pop-c-detail a {
	font-weight: bold;
	color: #393939 !important;
	text-decoration: underline;
}
.pop-ddldata {
	margin: 40px 0 15px;
	position: relative;
}

.swiper-container6 {
	position: relative;
    overflow: hidden;
    padding-bottom:40px;
}
.swiper-container6 .swiper-slide {
	text-align: center;
}
.swiper-container6 .swiper-slide a{
	display: block;
}
.swiper-container6 .swiper-slide img {
	display: inline-block;
    width: 170px;
    height: 245px;
}
.swiper-container6 .swiper-pagination {
	display: block;
	width: 100%;
	text-align: center;
}
.swiper-container6 .swiper-pagination span {
	display: inline-block;
	color: gray;
	font-size: 14px;
}


/* Crystals - colorchart */
.shitou_b_colir_box{
    margin-bottom: 100px;
}
.shitou_b_colir.b{
    margin-top: 20px;
}
.shitou_b_img{
    overflow: hidden;
}
.shitou_b_colir_title{
    border-bottom: 1px solid #ababab;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight:bold ;
    width: 100%;
    border-color: #bebebe;
}
.shitou_b_img ul{
    display: flex;
    flex-wrap: wrap;
}
.shitou_b_img li{
    width: 25%;
    margin-bottom: 25px;
    line-height: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.shitou_b_img li span:nth-child(2){
    border-bottom: 1px solid transparent;
}
.shitou_b_img li:hover span:nth-child(2) {
    border-color: rgba(0, 0, 0, 0.3);
}
.shitou_b_img li span img{
    margin-right: 10px;
    width: 36px;
    height: auto;
}



/* dl */
.dl {
    border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 100px;
    padding: 10px 0px 25px;
    display: block;
    width: 100%;
}
.dl .dd {
    display: none;
    margin-top: 15px;
}
.dl .dd:first-child{
    margin-top: 0;
}

.dd_title {
	margin-bottom: 5px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	clear: both;
}

.dd_title span{
    display: block;
    letter-spacing: -0.03em;
    font-size: 19px;
    font-weight: bold;
}
.dd_title .see-more-less{
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
}
.dd_title .see-more-less:after{
    content: "See more";
}
.dd.on .dd_title .see-more-less:after{
    content: "See less";
}

.dd_content {
    word-spacing: 2px;
    line-height: 16px;
    display: none;
}
.dd_content,
.dd_content>span,
.dd_content>div{
    font-size: 14px!important;
}

.dl>dd:first-child .div_xs
.dl>dd:first-child .jwdetail-down,
.dl>dd:first-child .see-more-less{
    display: none;
}
.dl>dd:first-child .dd_content,
dd.on .dd_content{
    display: block;
}

.dd_content>div:first-child{
    margin-bottom: 20px;
    width: 90%;
}
.dd_content>p,
.dd_content ul>li{
    position: relative;
    line-height: 20px;
    padding-left: 10px;
}
.dd_content>p:before,
.dd_content ul>li:before{
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #393939;
}
.dd_content>p>span{
    display: none;
}
.dd_content>p:last-child{
    margin-bottom: 20px;
}


/* recommend */
.recommend{
	width: 100%;
	height: auto;
    margin-bottom: 64px;
    display: none;
}
.recommend.show{
    display: block;
}
.jewelry_detail #youMayAlsoLike.show {
    display: none;
}
.recommend div.recently-viewed-btn{
    padding: 10px 0 40px;
    text-align: right;
    font-size: 14px;
}
.recommend>div:last-child{
    overflow: hidden;
}
.recommend .swiper-wrapper{
	width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: -10px;
    z-index: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.recommend .swiper-wrapper::-webkit-scrollbar {
    display:none
}
.recommend .swiper-wrapper .swiper-slide{
	width: 170px;
	float: left;
	margin-right: 77px;
	padding: 0;
}
.recommend .swiper-wrapper .swiper-slide:last-child{
	margin-right: 0;
}
.recommend .swiper-wrapper .swiper-slide>a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.recommend .swiper-wrapper .swiper-slide>a *{
	display: block;
}
.recommend .swiper-wrapper .swiper-slide>a img {
    width: 100%;
    margin-bottom: 4px;
}
.recommend .swiper-wrapper .swiper-slide>a h4{
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
}
/* activeDiv */
.recommend .swiper-wrapper .swiper-slide>a .activeDiv span,
.recommend .swiper-wrapper .swiper-slide>a .activeDiv .middlePrice span{
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
    font-weight: bold;
    color: #bc0202;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDiv span.activeText{
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDiv .activePrice,
.recommend .swiper-wrapper .swiper-slide>a .activeDiv .activeText{
    display: none;
}

/* activeDivSale */
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale strong{
    font-weight: normal;
    text-decoration: line-through;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale strong:before{
    content: "Was:";
}
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale .middlePrice span:last-child:before{
    content: "(";
}
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale .middlePrice span:last-child:after{
    content: ")";
}

/* hasActive */
.recommend .swiper-wrapper .swiper-slide>a .activeDiv.hasActive strong{
    text-decoration: line-through;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDiv.hasActive .activePrice,
.recommend .swiper-wrapper .swiper-slide>a .activeDiv.hasActive .activeText{
    display: inline-block;
}
/* hasText */
.recommend .swiper-wrapper .swiper-slide>a .activeDiv.hasText .activeText{
    display: inline-block;
}

/* hasActiveSale */
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasActiveSale .middlePrice span{
    color: inherit;
    font-weight: normal;
    text-decoration: line-through;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasActiveSale .activePrice,
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasActiveSale .activeText{
    display: inline-block;
}
/* hasTextSale */
/* 这种情况目前在需求中不会出现 */
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasTextSale .middlePrice span:last-child{
    font-weight: normal;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasTextSale .middlePrice span:last-child:before,
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasTextSale .middlePrice span:last-child:after{
    display: none;
}
.recommend .swiper-wrapper .swiper-slide>a .activeDivSale.hasTextSale .activeText{
    display: inline-block;
}



.swiper-container7-div{
	margin-bottom: 80px;
}
.swiper-container7-div .swiper-slide strong.s5_str1 {
	font-weight: normal;
}

.recommend-title {
    width: 100%;
    line-height: 30px;
    height: 30px;
    margin-bottom: 30px;
    position: relative;
}

.recommend-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
}

.recommend-title span {
    display: block;
    position: absolute;
    font-size: 22px;
    background: #fff;
    padding: 0 30px;
    text-transform: capitalize;
}
.recommend-title em {
    display: none;
}

.recommend-title span:before,
.recommend-title:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: #000;
    position: absolute;
    top: 10px;
}

.recommend-title.title-right span {
    right: 10%;
}

.recommend-title.title-right span:before {
    right: -10px;
}

.recommend-title.title-right:after {
    left: 0;
}

.recommend-title.title-left span {
    left: 10%;
}

.recommend-title.title-left span:before {
    left: -10px;
}

.recommend-title.title-left:after {
    right: 0;
}

/* c-r-col-1-title */
.c-r-col-1-title em{
	display: none;
}
.c-r-col-1-title {
	margin: 80px 0 40px;
}
.c-r-col-1-title span{
	margin-right: 70px;
	border-bottom: 1px solid #b5b5b5;
	line-height: 30px;
	font-size: 20px;
	color: #b5b5b5;
	cursor: pointer;
}
.c-r-col-1-title span:last-child{
	margin: 0;
}
.c-r-col-1-title span.on,
.c-r-col-1-title span:hover{
	color: inherit;
	border-bottom: 1px solid #393939;
}
.c-r-col-1{
    position: relative;
    z-index: 1;
}
.c-r-col-1-title.notSwitch{
    height: 0;
    overflow: hidden;
    margin: 0 auto 20px;
}

/* Designs Recommend */
#designsRecommend {
	margin-bottom: 70px;
}
#designsRecommend li img{
	width: 100%;
}

/* comparison */
.comparison {
	margin-bottom: 64px;
}
.comparison-list {
	display: flex;
	position: relative;
}
.comparison-list-l ul>li,
.comparison-list-r ul.colorcompar>li {
    display: flex;
    align-items: center;
    box-sizing: content-box;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 32px;
    line-height: 16px;
}
.comparison-list-l ul>li:not(:first-child):nth-of-type(odd),
.comparison-list-r ul.colorcompar>li:not(:first-child):nth-of-type(odd) {
	background-color: #f9f9f9;
}
.comparison-list-l ul>li:nth-of-type(1),
.comparison-list-r ul.colorcompar>li:nth-of-type(1),
.comparison-list-l ul>li:nth-of-type(2),
.comparison-list-r ul.colorcompar>li:nth-of-type(2) {
    border-color: transparent;
    height: auto;
    justify-content: center;
}
.comparison-list-l ul>li:nth-of-type(2),
.comparison-list-r ul.colorcompar>li:nth-of-type(2) {
	padding-bottom: 40px;
    line-height: 30px;
    height: 32px;
}
.comparison-list-l ul>li:nth-of-type(3),
.comparison-list-r ul.colorcompar>li:nth-of-type(3) {
	border-top: 1px solid #ebebeb;
}
.comparison-list-l ul>li:last-child,
.comparison-list-r ul.colorcompar>li:last-child {
	border-bottom: 1px solid #ebebeb;
}
/*第一列样式*/
.comparison-list-l {
	width: 12%;
	left: 0;
	bottom: 0;
}
.comparison-list-l ul {
	display: flex;
    flex-direction: column;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.comparison-list-l li{
	padding: 0 8%;
    font-weight: bold;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.comparison-list-l li:nth-of-type(1),
.comparison-list-l li:nth-of-type(2){
    visibility: hidden;
    opacity: 0;
}
.comparison-list-l li:nth-of-type(2):before,
.comparison-list-l li:nth-of-type(2):after {
	content: "";
	display: block;
	height: 1px;
	background-color: transparent;
}
/*右侧样式*/
.comparison-list-r {
	width: 88%;
	z-index: 0;
}
.comparison-list-r .swiper-scrollbar{
	opacity: 0;
	transition: all 0.4s;
}
.comparison-list-r.scrollBarShow .swiper-scrollbar{
	opacity: 1;
}
.comparison-list-r .box {
	display: flex;
}
.comparison-list-r ul.colorcompar {
	display: flex;
    flex-direction: column;
	width: 25%;
	border-left: none;
}
.comparison-list-r ul.colorcompar:hover{
	cursor: pointer;
}
.comparison-list-r ul.colorcompar>li{
	padding-left: 10%;
    padding-right: 10%;
    border-right: 1px solid #ebebeb;
    white-space: nowrap;
}
.comparison-list-r ul.colorcompar>li:first-child,
.comparison-list-r ul.colorcompar>li:nth-of-type(2){
	padding-left: 0;
	padding-right: 0;
}
.comparison-list-r ul.colorcompar>li:nth-of-type(2) span {
	display: block;
	margin: 0 auto;
	border: 1px solid #000000;
	width: 170px;
	max-width: 90%;
    text-align: center;
}
.comparison-list-r ul.colorcompar>li:nth-of-type(2) span:hover {
	background: #000000;
	color: #FFFFFF;
}
.comparison-list-r ul.colorcompar>li img {
	display: block;
	margin: 0 auto;
	padding-top: 25px;
	width: 170px;
	max-width: 100%;
}
.comparison-list-r ul.colorcompar>li a p {
	margin: 6px auto;
	width: 170px;
	max-width: 100%;
	height: 32px;
	text-align: center;
	line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.comparison-list-r ul.colorcompar>li i {
	color: #999999;
	font-size: 12px;
	line-height: 30px;
	margin-left: 6px;
}
.comparison-list li.red,
.comparison-list li span.red {
	color: #900000;
}
/* comparPrice */
.comparison-list-r ul.colorcompar>li.comparPrice b {
    margin: 0 2px;
}
/* contentd */
.comparison-list-r ul.colorcompar>li.contentd{
	white-space: normal;
}
.comparison-list-r ul.colorcompar>li.contentd,
.comparison-list-l ul>li.designNote {
	align-items: center;
	padding-top: 15px;
    padding-bottom: 14px;
    height: auto;
}
.comparison-list-r ul.colorcompar>li.contentd li {
    border-bottom: 1px dashed #ccc;
    padding: 5px 0;
}
.comparison-list-r ul.colorcompar>li.contentd li:last-child {
    border: 0;
}
/* starPercent */
.comparison-list-r ul.colorcompar>li.starPercent div{
    position: relative;
    width: 80px;
    height: 16px;
}
.comparison-list-r ul.colorcompar>li.starPercent div span{
    position: absolute;
    width: 100%;
    height: 100%;
}
.comparison-list-r ul.colorcompar>li.starPercent div span:first-child{
    background: url(/images/shared/comparison-star-empty.png) repeat-x 0 center/contain;
}
.comparison-list-r ul.colorcompar>li.starPercent div span:last-child{
    background: url(/images/shared/comparison-star.png) repeat-x 0 center/contain;
}
/* hotFlag */
.hotFlag span{
    display: block;
    width: 19px;
    height: 23px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: url(/images/shared/comparison-hotflag.svg) no-repeat center center/contain;
}


/* add to bag确认弹出框 --><!-- Costume made || Special Order || Sale Order */
.popConfirmBg{
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=75);
    opacity: 0.75;
}
.popConfirm{
    display: none;
    position: fixed;
    background: #fff;
    font-size: 13px;
    line-height: 16px;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); 
    padding: 30px 20px;
    width: 790px;
    height: auto;
    box-sizing: border-box;
}
.popConfirm-close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    cursor: pointer;
}
.popConfirm-img{
    width: 170px;
    height: 245px;
    float: left;
    margin-bottom: 1px;
}
.popConfirm-img>img{
    width: 100%;
    height: 100%;
}
.popConfirm-r{
    float: right;
    width: 580px;
    padding-left: 20px;
    box-sizing: border-box;
}
.popConfirm-title{
    padding-right: 20px;
    line-height: 34px;
    padding-bottom: 1px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 18px;
    font-weight: normal;
    box-sizing: content-box;
}
.popConfirm-con1 span{
    display: block;
}
.popConfirm-con1 .species{
    font-weight: bold;
    display: block;
    margin: 6px 0 20px
}
.popConfirm-con2>div {
    margin: 20px 0 0!important
}
.popConfirm-con2>div ul li{
    line-height: 18px;
    padding-left: 14px;
    position: relative;
}
.popConfirm-con2>div ul li:after{
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 8px;
    left: 2px;
    border-radius: 50%;
    background-color: #000;
}
.popConfirm-con2 .venderText{
    line-height: 14px;
    padding-left: 14px;
    position: relative;
    color: #bc0202;
}
.popConfirm-con2 .venderText:after{
    content: "*";
    position: absolute;
    display: block;
    top: 4px;
    left: 1px;
    font-size: 18px;
}

.popConfirm-special{
    margin-top: 20px;
    display: none;
}
.popConfirm-special a{
    display: inline-block;
    line-height: 16px;
    vertical-align: top;
}
.popConfirm-btn{
    margin-top: 30px;
}
.popConfirm-btn button{
    margin-right: 2%;
    border: none;
    border-radius: 3px;
    width: 25%;
    height: 34px;
    line-height: 34px;
    float: left;
    background-color: #000;
    font-size: 13px;
    color: #FFFFFF;
}
.popConfirm #btnProcessOrder[disabled="disabled"]{
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}
.popConfirm.vender .popConfirm-img{
    display: none;
}
.popConfirm.vender .popConfirm-r{
    width: 100%;
    padding: 0;
}

/* costumes_detail详情页  Enjoy Loyalty Discount 弹出框*/
.zzc_txt_bsf, .zzc_box_bsf {
    display: none;
}
.zzc_box_bsf {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #000;
    z-index: 99;
}
.zzc_txt_bsf {
    width: 684px;
    height: 380px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    z-index: 99;
    border: 1px solid #bbbbbb;
}
.zzc_txt_bsf .zzc_zt_bsf {
    margin: 10px 45px 10px 45px;
}
.zzc_txt_bsf .zzc_zt_bsf > p {
    font-size: 30px;
    color: #393939;
}

.zzc_txt_bsf .zzc_zt_bsf > span {
    font-size: 16px;
    color: #bc0202;
}

.zzc_txt_bsf .zzc_zt_bsf > span em {
    font-size: 20px;
    color: #bc0202;
}
.zzc_txt_bsf .zzc_img img {
    width: 100%;
    height: auto;
}
.zzc_txt_bsf .zzc_zt_bsf .zzcTxt {
    margin-top: 20px;
}
.zzc_txt_bsf .zzcTxt p {
    word-break: break-all;
    width: 725px;
}
.zzcTxt span, .zzcTxt p {
    color: #000;
    font-size: 16px;
}
.zzc_txt_bsf .zzc_zt_bsf .tu_biao {
    width: 100%;
    text-align: left;
    margin-bottom: 22px;
}
.zzc_txt_bsf .zzc_zt_bsf .tu_biao img {
    display: inline-block;
    margin-left: 10px;
}
.zzc_txt_bsf .zzc_zt_bsf .tc_p1_bsf {
    font-size: 25px;
    text-align: center;
    color: black;
    line-height: 25px;
    display: inline-block;
    vertical-align: bottom;
}
.zzc_txt_bsf .zzc_zt_bsf .tc_p2 {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
}
.zzc_txt_bsf .zzc_zt_bsf .btn_tc {
    width: 225px;
    height: 45px;
    background: black;
    border-radius: 3px;
    color: white;
    text-align: center;
    margin: auto;
    font-size: 16px;
    line-height: 45px;
    margin-top: 30px;
    cursor: pointer;
}
.zzc_txt_bsf .closed {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    cursor: pointer;
    right: 11px;
    top: 10px;
}
.zzc_txt_bsf .closed-p {
    height: 30px;
    margin: 5px 10px 0 0;
}
.zzc_txt_bsf .tu_biao .retina_img {
    width: 51px;
    height: auto;
}
.zzc_txt_bsf .tu_biao img {
    width: 51px;
    height: 26px;
}
.zzc_txt_bsf .zzc_zt_bsf h2 {
    font-size: 13px;
    color: #393939;
    font-weight: bold;
    margin-bottom: 13px;
    font-family: 'Brandon Text';
}
.zzc_txt_bsf .tcc_p_bsf {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.zzc_txt_bsf .tcc_p1_bsf .text_soan,
.zzc_txt_bsf .tcc_p2_bsf .text_soan,
.zzc_txt_bsf .tcc_p3_bsf .text_soan{
    max-width: 570px;
    vertical-align: text-top;
    
}
.zzc_txt_bsf .zzc_zt_bsf .dian {
    display: inline-block;
    text-align: center;
    margin-top: 8px;
    vertical-align: text-top;
    width: 5px;
    height: 5px;
    background: black;
    border-radius: 50%;
    margin-bottom: 1px;
    margin-left: 0px;
}
.zzc_txt_bsf .tcc_p3_bsf .dian{
    margin-top: 7px;
}
.zzc_txt_bsf .tcc_p_bsf .text_soan {
    display: inline-block;
    
}
.zzc_txt_bsf .tcc_p_bsf .text_soan {
    margin-left: 5px;
    color: black;
}
.zzc_txt_bsf a.text_a {
    border-bottom: 1px solid #393939;
    box-sizing: border-box;
    margin-left: 5px;
}
.zzc_txt_bsf .zzc_zt_bsf .tcc_p5_bsf {
    margin-top: 17px;
}
.zzc_txt_bsf .tcc_p5_bsf .text_soan {
    margin-left: 0;
}
.zzc_txt_bsf .text_a1 {
    cursor: pointer;
}
.zzc_txt_bsf .tcc_p6_bsf{
    margin-top: 30px;
}
.zzc_txt_bsf .tcc_p6_bsf a{      	
    display: block;
    padding: 10px 20px;
    background: black;
    color: white;
    border-radius: 4px;
    margin-right: 20px;
    float: right;
}
.zzc_txt_bsf.no_btn{
    height: 350px;
}
.zzc_txt_bsf.no_btn .tcc_p6_bsf{
    display: none;
}

/*图片loadings*/
.loadings {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 0, 0, 0);
}
.loadings img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px;
}
.loadings-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: 0;
}
.loadings-spinning-bubbles {
    position: relative;
    margin: auto;
}
.loadings-spinning-bubbles .bubbles-container {
    position: absolute;
    top: calc(50% - 10px/2);
    left: calc(50% - 10px/2);
    transform-origin: -150% 50%;
    ;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+1) {
    transform: translateX(200%) rotate(-90deg);
    animation-delay: -1.5s
}
.loadings-spinning-bubbles .bubbles-container .bubbles {
    background: #ccc;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: bubble 1s infinite;
    animation-delay: inherit;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+2) {
    transform: translateX(200%) rotate(-45deg);
    animation-delay: -1.375s;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+3) {
    transform: translateX(200%);
    animation-delay: -1.25s;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+4) {
    transform: translateX(200%) rotate(45deg);
    animation-delay: -1.125s;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+5) {
    transform: translateX(200%) rotate(90deg);
    animation-delay: -1s;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+6) {
    transform: translateX(200%) rotate(135deg);
    animation-delay: -0.875s;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+7) {
    transform: translateX(200%) rotate(180deg);
    animation-delay: -0.75s;
}
.loadings-spinning-bubbles .bubbles-container:nth-of-type(0n+8) {
    transform: translateX(200%) rotate(225deg);
    animation-delay: -0.625s;
}
@keyframes bubble {
    0%,
    100% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
}




/* media screen */
@media screen and (max-width: 1600px) {
    #myModal .modal-body {
        padding-top: 0;
    }

    #myModal #modal-close {
        right: 70px;
    }
}

@media screen and (max-width: 1200px) {
    .wd1100c {
        width: 100%;
        padding: 0 2%;
    }
    #large-image {
        margin-left: 60px;
    }
    .largeMedium #large-image,
    .crystals_detail #large-image,
    .jewelry_detail #large-image {
        margin-left: 30px;
    }
    .largeMedium #mediumimagecontainer{
        width: 500px;
        height: 720px;
    }

    /* size-chart-skin */
    .size-chart-skin{
        max-width: 980px;
    }
    /* chartContent */
    .size-chart-skin .chartContent table{
        max-width: 940px;
    }

    /* tail-size */
    .tail-size button{
        width: 98%;
    }
    .tail-size .tail-size-l-btn {
        margin-right: 2%;
    }
    .tail-size .tail-size-r-btn {
        margin-left: 2%;
    }
    .tailsuit_detail #mobileChart{
        display: none;
    }

    /* rhinestonedcolor */
	#select-sepiao-rhinestonedcolor li{
        width: 101px;
    }
    #select-sepiao-rhinestonedcolor .ul_box_li{
        width: 670px;
    }
    /* picture=false */
    .color-ul-complex[picture="false"][quantity="many"] li{
        margin-right: 33px;
    }
    .color-ul-complex-square[picture="false"][quantity="many"] li,
    .color-ul-complex-square[picture="false"][quantity="many"] li:nth-child(5n){
        margin-right: 54px;
    }
    .color-ul-complex-square[picture="false"][quantity="many"] li:nth-child(4n){
        margin-right: 0;
    }
    /* picture=true */
    .color-ul-complex[picture="true"][quantity="less"]{
        width: 100%;
    }
    .color-ul-complex[picture="true"][quantity="many"] .ul_box_li,
    .color-ul-complex[picture="true"][quantity="less"] .ul_box_li{
        display: block;
		width: 630px;
    }
    .color-ul-complex[picture="true"][quantity="many"] li,
    .color-ul-complex[picture="true"][quantity="many"] li:nth-child(4n),
    .color-ul-complex[picture="true"][quantity="less"] li{
        margin-right: 60px;
    }
    .color-ul-complex[picture="true"][quantity="many"] li:nth-child(3n),
    .color-ul-complex[picture="true"][quantity="less"] li:nth-child(3n){
        margin-right: 0;
    }
    /* recommend */
    .recommend .swiper-wrapper .swiper-slide,
    #jewelryColorRecommend .swiper-wrapper .swiper-slide,
    #recentlyViewed .swiper-wrapper .swiper-slide{
        margin-right: 30px;
    }
}

@media screen and (max-width: 1024px) {
    #mediumimagecontainer .btn-prev, 
    #mediumimagecontainer .btn-next,
    .zoom-r .btns{
        opacity: 1;
    }
    .Trecommend-Details .childcontainer .swiper-button-prev,
    .Trecommend-Details .childcontainer .swiper-button-next{
        display: block;
    }
    .Suspension .hang-deta .closeBottom{
        display: none;
    }

    .attribute-selection.color .Attributes2 li,
    .jewelry_detail .color-ul li{
        width: 120px;
    }
    .attribute-selection .Attributes2[quantity="less"],
    .attribute-selection.color .Attributes2[quantity="less"] li{
        max-width: none;
    }

    .comparison-list-l {
		width: 14%;
	}
	.comparison-list-r {
		width: 86%;
    }
    /* size-chart-html & swiper-container-wrap*/
    .size-chart-html,
    .swiper-container-wrap,
    .swiper-container-wrap.noOverFlow{
        padding: 0;
    }
    .size-chart-html .swiper-button-prev,
    .size-chart-html .swiper-button-next,
    .swiper-container-wrap .swiper-button-next,
	.swiper-container-wrap .swiper-button-prev{
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .deatil>.deatil_lt,
    .deatil>.deatil_rt {
        float: none;
        display: block;
        width: 100%;
    }
    .deatil>.deatil_lt,
    .sizechart-box li.ClrChrt,
    #popdvcolor_a{
        display: none;
    }
    .deatil_rt_title{
        margin-top: 20px;
    }

    .video-mobile .video-js {
        background-color: #fff;
    }
    .video-mobile-btn-play,
    .deatil_rt .video-pc-btn-youtube{
        display: block;
    }

    #mobileChart {
        display: block;
        width: 93%;
        margin: 20px auto 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        padding-bottom: 0;
        text-align: center;
    }
	#mobileChart a {
		color: #fff;
		background: #fff;
		display: inline-block;
		float: none;
	}

    #middleImg {
        display: block;
        padding-bottom: 40px;
    }
    #middleImg .swiper-wrapper,
    #middleImg .swiper-slide {
        min-height: 300px;
    }
    #middleImg .swiper-slide img {
		width: 100%;
		height: 100%;
    }
    #middleImg .swiper-pagination {
        font-size: 16px;
        color: #999;
    }

    #middleImg .swiper-pagination-lock{
        display: block;
    }

    .pinch-zoom-container1 {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 9999999999;
        background: #fff;
    }

    .pinch-zoom-container1 .swiper-container {
        width: 100%;
        height: 100%;
        height: calc(100% - 72px);
        margin: 0;
        box-sizing: border-box;
        position: relative;
    }

    .pinch-zoom-container1 .swiper-container.nochart {
        height: 100%;
    }

    .pinch-zoom-container1 .swiper-container .swiper-wrapper {
        margin-bottom: 0;
        box-sizing: border-box;
        height: 100% !important;
    }

    .pinch-zoom-container1 .swiper-container .swiper-slide img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .pinch-zoom-container1 .swiper-container .swiper-slide-zoomed img {
        object-fit: contain;
    }

    .pinch-zoom-container1 #mobileZoomColorchart {
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 94%;
        margin: 0 3%;
        min-width: auto;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 10px 0;
        text-align: left;
        height: 52px;
        box-sizing: content-box;
        -webkit-overflow-scrolling: touch;
    }

    .pinch-zoom-container1 #mobileZoomColorchart>a {
        margin-top: 10px;
        display: inline-block;
        float: none;
    }

    .pinch-zoom-container1 #mobileZoomColorchart li {
        margin-right: 20px;
        width: 40px;
        cursor: pointer;
        text-align: center;
        display: inline-block;
    }

    .pinch-zoom-container1 #mobileZoomColorchart li span {
        display: block;
    }

    .fabiric_detail .pinch-zoom-container1 #mobileZoomColorchart .ddlListData span{
        border-radius: 50%;
        overflow: hidden;
    }

    .pinch-zoom-container1 #mobileZoomColorchart li img {
        float: none;
        margin: 0;
        border: 0;
        border-radius: 50%;
        padding: 0 !important;
        width: 40px !important;
        height: 40px!important;
    }

    .pinch-zoom-container1 #mobileZoomColorchart li a {
        position: static;
        display: block;
        border-bottom: 2px solid transparent !important;
        height: 8px;
        line-height: 8px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
    }

    .pinch-zoom-container1 #mobileZoomColorchart li a.on {
        border-bottom: 2px solid #0a0a0a !important;
    }

    .swiper-container.s2 .swiper-pagination {
        bottom: 20px;
        font-size: 16px;
        color: #999;
    }

    .swiper-container.s2 .swiper-pagination .swiper-pagination-bullet {
        opacity: 0.3;
        background-color: #aaa;
    }

    .swiper-container.s2 .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1;
        background-color: #aaa;
    }

    /* free_shipping_item */
    .free_shipping_item{
        margin-top: 5px;
    }

    /* size-chart-skin */
    .size-chart-skin{
        max-width: 720px;
    }
    /* chartContent */
    .size-chart-skin .chartContent table{
        max-width: 680px;
    }
    .size-chart-skin .chartContent table img{
        max-width: 100%;
        height: auto;
        min-height: auto;
    }

    /* pop-choose-optional */
    .pop-choose-optional .choose-right {
        padding-left: 30px;
    }

    /* ddldata */
    /*ddldata - Tail Suit*/
    .hang-deta{
        right: -100%;
    }
    .Trecommend-Details .hang-deta {
        width: 100%;
    }
    .hang-deta .Tclose,
    .hang-deta .Trecommend-list{
        margin-left: 0;
    }
    .Trecommend-list-left{
        padding: 0 20px 30px;
    }
    .Suspension .Trecommend-list-left{
        width: 50%;
    }


    /* Crystals - qty */
    #availabletxtQty{
        -webkit-touch-callout:none; 
        -webkit-user-select:none; 
        -moz-user-select:none;
        -ms-user-select:none; 
        user-select:none;
        -webkit-user-select:auto;
    }

    /* ships */
    .ships, 
    .attribute-but, 
    .parameter-submit{
        border-bottom: 0;
        padding-top: 30px;
    }
    #btnBuyNow,
    .Jewelry-nav p,
    .parameter-submit #addSample,
    #addWish{
        height: 50px;
        line-height: 48px;
    }
    .btnBuyText{
        padding-top: 4px;
    }

    /* attribute-but */
    .attribute-but p {
        text-align: center;
        line-height: 40px;
        font-size: 13px;
        display: none;
    }
    .attribute-but .postshowtf {
        display: none;
        position: absolute;
        width: 100%;
        bottom: 55px !important;
        right: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    /* deatil_rt_price */
    .deatil_rt_price{
        margin-bottom: 20px;
    }

    /* Dimensions */
    .Dimensions{
        margin: 30px auto 20px;
        width: 93%;
    }

    /* SizeChart-p */
    .SizeChart-p,
    .HeelChart-p{
        width: 93%;
        margin: 20px auto;
    }

    /* ddldata */
    .secoundsub{
        display: none;
    }
    #ddldata:not(.ReadyMade):not(.CustomMade),
    #crystallist,
    #costumeslist.ReadyMadeOnly,
    #costumeslist.CustomMadeOnly,
    #jewelrylist{
        margin-top: 40px;
    }
    .SizeChart-p+#ddldata:not(.ReadyMade):not(.CustomMade){
        margin-top: 20px;
    }
    .Dimensions+.secoundsub+#jewelrylist{
        margin-top: 0;
    }
    .data-switch-nav {
        width: 93%;
        margin: 30px auto 20px;
    }

    /* ddldata 下拉 */
    .color-ul,
	.shitou-ul,
    .Opition-ul,
    .side-tanchu-box {
		padding-left: 0;
		width: 100%!important;
	}
    .color-ul[picture="true"] .box_img_chanP {
		width: 100%;
		padding: 0;
		text-align: center;
    }
	#select-sepiao-rhinestonedcolor li{
		width: 16.6666%;
		margin-left: 0;
		margin-right: 0;
    }
    .color-ul.color-ul-complex li{
        width: 150px;
    }
    .color-ul-complex[picture="false"][quantity="many"] li,
    .color-ul-complex[picture="false"][quantity="many"] li:nth-child(5n),
    .color-ul-complex[picture="false"][quantity="less"] li,
    .color-ul-complex[picture="true"][quantity="many"] li,
    .color-ul-complex[picture="true"][quantity="many"] li:nth-child(3n),
    .color-ul-complex[picture="true"][quantity="less"] li,
    .color-ul-complex[picture="true"][quantity="less"] li:nth-child(3n){
        margin-right: 42px;
    }
    .color-ul-complex[picture="false"][quantity="many"] li:nth-child(4n),
    .color-ul-complex[picture="false"][quantity="less"] li:nth-child(4n),
    .color-ul-complex[picture="true"][quantity="many"] li:nth-child(4n),
    .color-ul-complex[picture="true"][quantity="less"] li:nth-child(4n){
        margin-right: 0;
    }

    .color-ul-complex-square[picture="false"][quantity="many"] li,
    .color-ul-complex-square[picture="false"][quantity="many"] li:nth-child(5n),
    .color-ul-complex-square[picture="false"][quantity="many"] li:nth-child(4n),
    .color-ul-complex-square[picture="false"][quantity="less"] li{
        margin-right: 61px;
    }
   
    .color-ul-complex-square[picture="false"][quantity="many"] li:nth-child(3n),
    .color-ul-complex-square[picture="false"][quantity="less"] li:nth-child(3n){
        margin-right: 0;
    }
    .color-ul-complex[picture="false"][quantity="less"] .ul_box_li,
    .color-ul-complex[picture="true"][quantity="less"] .ul_box_li,
    .color-ul-complex-square[picture="false"][quantity="less"] .ul_box_li{
        display: block;
    }
    #select-sepiao-rhinestonedcolor .ul_box_li,
    .color-ul-complex[picture="true"][quantity="many"] .ul_box_li,
    .color-ul-complex[picture="true"][quantity="less"] .ul_box_li{
		width: 100%;
	}
	
    /* ddldata - pop */
    .attribute-selection .Attributes2,
    .jewelry_detail .color-ul{
        width: 100%;
    }
    .attribute-selection.color>.Attributes1 li,
    .attribute-selection.color .Attributes2 li,
    .jewelry_detail .color-ul li{
        width: 20%;
        margin-left: 0;
        margin-right: 0;
    }
    .attribute-selection.size .Attributes2{
        width: 100%;
    }

    /*ddldata - Tail Suit*/
    .Trecommend-Details .hang-deta{
        position: fixed;
        height: 100%;
        padding: 40px 15px 0;
        overflow-y: auto;
        z-index: 9999999999;
    }
    .Trecommend-Details-Color .Trecommend-list .Trecommend-list-2{
        margin: 0 20px 20px;
    }

    .hang-deta{
        transition: all 0s;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
    }

    /* popConfirm */
    .popConfirm{
        width: 750px;
    }
    .popConfirm-r{
        width: 540px;
    }

    .comparison-list-l {
		width: 20%;
	}
	.comparison-list-r {
		width: 80%;
    }
}

@media screen and (max-width: 766px) {
    /* PC medium image */
    #mediumimagecontainer {
		display: none;
    }

    /* Variations */
    .Variations,
    .Variations.show {
        display: none;
    }
    .jewelry_detail #youMayAlsoLike.show {
        display: block;
    }

    /* size-chart-skin */
    .size-chart-skin{
        max-width: 100%;
        max-height: 100%;
        height: 100%!important;
        width: 100%!important;
    }
    .size-chart-skin .layui-layer-content{
        margin: 0 auto;
        padding: 10px 0;
        width: calc(100% - 40px);
    }
    .size-chart-skin.pop-choose-skin .layui-layer-content{
        padding: 10px 20px;
        width: auto;
    }
    .size-chart-skin.pop-choose-skin .layui-layer-setwin {
        box-sizing: border-box;
        padding: 15px 20px;
        top: 0;
        right: 0;
        width: 100%;
        text-align: right;
        background-color: #fff;
        z-index: 1;
    }
    
    /* chartContent */
    .size-chart-skin .chartContent{
        padding-top: 90px;
    }
    .size-chart-skin .chartContent table{
        max-width: none;
    }
    
    .size-chart-skin table td{
        height: 45px;
        line-height: 45px;
    }
    
    .size-chart-skin td.sizes_two,
    .size-chart-skin td.sizes{
        height: 1px;
        line-height: 1px;
        border: none;
        background: none;
        padding: 0!important;
    }
    
    .size-chart-skin .chartTitle{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        padding: 40px 20px 5px 20px!important;
        box-sizing: border-box;
        line-height: 26px;
        text-align: left;
        background: #fff;
    }
    .size-chart-skin .TB_table0s td,
    .size-chart-skin td.noHeight{
        height: 0;
        line-height: 0;
    }
    .size-chart-skin table td.chartText{
        height: auto;
        line-height: 22px;
    }
	.size-chart-skin table tr.chartContentLineBlack td{
		height: 0;
        line-height: 0;
        border: 0;
    }
    .size-chart-skin table tr td.chartContentLineGrey{
		height: 20px;
        line-height: 20px;
    }
    .size-chart-skin table tr td.chartContentfooterLogo{
        background-repeat: repeat-x;
    }

    /* TB_table2s */
	.size-chart-skin .TB_table2s {
		border-top: 1px solid #cfcfcf;
    }
	.size-chart-skin table.TB_table2s tr.li_heights td {
		background: #f5f5f5;
	}
	.size-chart-skin table.TB_table2s td {
		border: 1px solid #cfcfcf;
		border-left: none;
		border-bottom: none;
	}
	.size-chart-skin table.TB_table2s td span {
		width: 100%;
		display: block;
    }
    .size-chart-skin table.TB_table2s tr:last-child td {
		border-bottom: 1px solid #cfcfcf;
	}
	.size-chart-skin table.TB_table2s tr td:first-child {
		border-left: 1px solid #cfcfcf;
	}
	.size-chart-skin table.TB_table2s tr td:first-child span {
		width: calc(100% - 20px);
		padding-left: 10px;
		padding-right: 10px;
	}
	.size-chart-skin table.TB_table2s tr[bgcolor="#edecf0"] {
		display: none;
	}
	.size-chart-skin table.TB_table2s tr:first-child td {
		border-top: none;
    }

    /* size-chart-html */
    .size-chart-html{
        width: 91%;
        padding: 0;
        margin: 50px auto 70px;
    }
	.size-chart-html .left {
        width: 105px;
	}
	.size-chart-html .right {
		width: calc(100% - 105px);
	}
    .size-chart-html .size-chart-title p{
        display: block;
    }
    .size-chart-html .btnInchCm{
        float: none;
    }

    /* popConfirm */
    .popConfirm-close{
        width: 20px;
    }
    .popConfirm{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: translate(0,0);
        padding: 25px;
        font-size: 14px;
        line-height: 18px;
    }
    .popConfirm-title{
        font-size: 20px;
    }
    .popConfirm-r{
        padding: 0;
        width: 100%;
    }
    .popConfirm-con2>div ul li{
        margin-bottom: 10px;
    }
    .popConfirm-special{
        margin-top: 30px;
    }
    .popConfirm-btn button{
        width: 48%;
        height: 40px;
        line-height: 40px;
    }
    .popConfirm-btn button:last-child{
        margin: 0 0 0 2%;
    }
    .popConfirm-img{
        display: none;
    }

    .wd1100c {
        padding: 0;
    }

    .localhost{
        display: none;
    }
    .localhost+.deatil {
		margin-bottom: 50px;
		margin-top: 0;
    }

    #middleImg .swiper-button-prev,
    #middleImg .swiper-button-next {
        display: none;
    }
    .video-mobile{
        object-fit: contain; object-position: center center;width: 100%; height: 100%;
    }
    .video-mobile .video-js {
        background-color: transparent;
    }
    .video-mobile-btn-play{
        margin-top: 0;
    }
    .deatil_rt .video-pc-btn-youtube{
        display: none;
    }
    
    /* deatil_rt_title */
    .deatil_rt_title,
	.deatil_rt_price {
		width: 93%;
		margin: 0 auto;
		display: block;
	}
    .deatil_rt_title {
        margin-top: 30px;
        padding-bottom: 10px;
    }
    .deatil_rt_title span#pname {
		font-size: 21px !important;
		line-height: 24px !important;
    }
    
    /* Dimensions */

    /* secoundsub */
    .secoundsub{
        width: 93%;
        margin: 15px auto 40px;
        font-size: 15px;
    }
    .fabiric_detail .secoundsub{
        margin: 15px auto;
    }
    /* cup */
    .cup {
        width: 93%;
        margin: 9px auto 0;
    }
    /* optins */
    .optins {
        width: 93%;
        margin-bottom: 10px;
    }
    .jewelry_detail .optins{
        width: 100%;
    }

    /* SizeChart-p */

    /* ddldata */
    p.tite-color, 
    p.tite-shitou,
    .Attributes2-down,
    .slippage-list .down{
		font-size: 17px;
	}
	
    .color-ul li a{
        font-size: 13px;
	}

	/* ddldata - Opition */
	.Opition-ul {
		width: 100%!important;
    }
    .Opition-a{
        width: 100%;
    }
    .Opition-a li{
        width: 100%;
        margin-right: 0;
        padding-right: 10px;
    }
	.Opition-list li:hover{
		border-bottom: 2px solid #000;
	}
    .Opition-list li img{
        width: 8px;
        opacity: 0.6;
        top: 21px;
    }
    .Opition-apply{
        font-size: 13px;
        width: 100%;
    }
    .Opition-a span{
        width: 12px;
        height: 12px;
    }
    .Opition-a p{
        font-size: 13px;
    }
    .Opition-ct-double .Opition-a .opition-img>div{
        width: 100%;
        margin-right: 0;
    }
    .Opition-ct-double .Opition-a .opition-img>div:first-child{
        margin-bottom: 20px;
    }
    .Opition-ct-double .Opition-a li p b{
        display: block;
        width: 100%;
    }
    .Opition-ct-double .Opition-a li p b.newref1{
        margin-top: 5px;
        height: 15px;
        line-height: 15px;
    }

	.color-ul, 
	.shitou-ul, 
    .Opition-ul,
    .side-tanchu-box{
		padding: 30px 20px 0;
		top: 0;
		position: fixed;
		height: 100%;
		z-index: 3;
		-webkit-overflow-scrolling: touch;
	}
	.color-ul .box_img_chanP{
		padding-right: 0;
		margin-bottom: 10px;
		float: none;
		opacity: 1;
	}
	.ul_box_li {
		width: 100%!important;
	}
	#select-sepiao-rhinestonedcolor .side-tanchu-box,
    .color-ul-complex,
    .color-ul-complex-square {
		overflow-y: auto!important;
    }
    #select-sepiao-rhinestonedcolor li{
		width: 25%;
		height: 106px;
		margin: 0 0 20px;
	}
    .color-ul-complex .ul_box_li li{
        width: 44%!important;
		margin: 0 12% 0 0!important;
    }
    .color-ul-complex-square .ul_box_li li{
		width: 48%!important;
		margin: 0 4% 0 0!important;
	}
    .color-ul-complex .ul_box_li li:nth-child(2n),
    .color-ul-complex-square .ul_box_li li:nth-child(2n){
		margin-right: 0!important;
	}
	
	.sizechart-tanchu-box {
		position: fixed;
		top: 50%;
		width: 93%;
		left: 3.5%;
		z-index: 2;
	}
	.tite-shitou img{
		width: 16px;
		height: 16px;
		opacity: 0.6;
		margin-top: 6px;
	}
	.tite-shitou font{
		font-size: 17px;
	}
	.shitou-ul li p{
		font-size: 15px;
		padding-left: 10px;
	}
	.shitou-ul li span{
        width: 100px;
        font-size: 13px;
	}

	.Opition-box {
		padding: 0;
	}
	.Opition-box .Opition-rp2{
		width: 30%;
	}
	.Opition-box .ct-rp {
		width: 60%;
        padding-left: 0;
        padding-bottom: 20px;
	}

	.sizechart-tanchu-box li.ddlListData .choice_val {
		line-height: 16px;
		font-size: 15px;
	}
	.sizechart-tanchu-box p:nth-child(2) {
		line-height: 12px !important;
		font-size: 13px;
	}
	.sizechart-tanchu-box li {
		font-size: 15px;
	}
	.sizechart-tanchu-box p {
		line-height: 60px !important;
	}
	.sizechart-tanchu-box p:nth-child(1) {
		background: url(/images/shared/pop-close.png) no-repeat center right;
		background-size: 7% auto;
		background-position-x: 97%;
    }
    .sizechart-tanchu-box p span {
		font-size: 15px;
	}
	.sizechart-tanchu-box li,
	.ddlListData table {
		height: 60px !important;
	}
	.ddlListData tbody tr {
		line-height: 38px;
	}
	#Color p:nth-child(2) {
		height: 0;
		padding: 0;
		margin: 0;
    }
    
    .sizechart-box {
		width: 93%;
        margin: 0 auto;
        font-size: 15px;
    }
	.sizechart-box li.uk30 p.errSize {
		font-size: 12px;
	}
    .sizechart-box li.uk30,
    .pop-sizechart-box li.popminli,
    #sizechart-change .attribute-selection .selectionok,
    .sizechart-box .attribute-selection-foiling,
    .sizechart-box .backstrap .shouhang{
        height: 60px;
		line-height: 60px;
    }
    .backstrap#select-Opition .shouhang span.sp2{
        line-height: 59px;
    }
    
    .yi-uk30, .yi-color, .yi-regular, .yi-heel{
        font-size: 15px;
    }
    .backstrap font img {
        width: 8px;
        height: 15px;
        top: 23px;
        margin-top: 0;
        opacity: 0.6;
    }

    /* ddldata - costumes */


    /* ddldata - jewerly */
    .jewelry_detail #select-shitou .shitou-ul{
        padding-left: 20px;
    }
    .jewelry_detail .shitou_b_colir_box{
        margin-bottom: 0;
        border-bottom: 1px solid #d6d6d6;
    }
    .jewelry_detail .attribute-selection.color ul#ulColor li {
        width: 23%;
        margin-right: 2%;
    }
    .jewelry_detail .shitou-ul,
    .jewelry_detail .color-ul {
        padding: 30px 20px 0;
        position: fixed;
        overflow: auto;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    
    .jewelry_detail .color-ul p.tite-color, 
    .jewelry_detail .shitou-ul p.tite-shitou,
    .Attributes2-down,
    .slippage-list .down{
        margin-bottom: 30px
    }
    .attribute-selection.color .Attributes2 li,
    .jewelry_detail .color-ul li{
        width: 25%;
        height: 106px;
        margin: 0 0 20px;
    }
    .attribute-selection.color .Attributes2 li span,
    .jewelry_detail .color-ul li span {
        width: 50px;
    }


    /* ddldata - Crystals */
    .attribute-selection>.Attributes1,
    .attribute-selection span.more {
        display: none!important;
    }
    .attribute-selection .Attributes2 {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 999;
        padding: 30px 20px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        width: 100%!important;
    }

    .attribute-selection.color .Attributes2 li img {
        height: auto;
    }
    .attribute-selection.color .Attributes2 li a {
        font-size: 12px;
        line-height: 12px;
        display: inline-block;
        margin-top: 6px;
    }


    /*ddldata - Tail Suit*/
    .Trecommend-Details .title,
    .tail-measure-size .title{
        font-size: 15px;
    }
    .tail-size .tail-size-l,
	.tail-size .tail-size-r {
		text-align: center;
    }
    .Trecommend li.Trecommend-Details{
        padding: 15px 0;
    }
	.Trecommend-Details-Size,
	.Trecommend-Details-Color {
		text-align: left;
	}
	.Trecommend-Details-Size .hang-deta.in {
		transition: 0.3s;
	}
    .Trecommend-list ul li{
        font-size: 14px;
    }
	.tail-size ul,
	.tail-size-r .tail-measure {
		width: 186%;
		margin: auto;
		margin-left: 7%;
	}
	body .tail-size-r .tail-measure {
		margin-left: -93%;
	}
	.tail-measure-size {
		text-align: left;
    }

    .tail-size .tail-size-l-btn{
        display: block;
        width: 92%;
        margin-right: auto;
        margin-left: 6%;
    }
    .tail-size .tail-size-r-btn{
        display: block;
        width: 92%;
        margin-right: 6%;
        margin-left: auto;
    }
    
	body .Trecommend-Details-Color .hang-deta,
	body .Trecommend-Details-Size .hang-deta {
		width: 100%;
		height: 100%;
    }
	body .Trecommend-Details-Size .Trecommend-list {
		width: 100%;
		overflow: hidden;
	}
	body .Trecommend-Details-Size .Trecommend-list-btn .size-btns {
		width: calc((100% - 46px) / 3);
		margin-right: 20px;
		height: 40px;
		line-height: 40px;
	}
	body .Trecommend-Details-Size .Trecommend-list-btn .size-btns:nth-child(4n) {
		margin-right: 20px;
	}
	body .Trecommend-Details-Size .Trecommend-list-btn .size-btns:nth-child(3n) {
		margin-right: 0;
	}
	body .Trecommend-Details-Color .Trecommend-list .Trecommend-list-2{
		width: 190px;
	}
	body .Trecommend-Details-Color .Trecommend-list .imgs img{
		width: 100%;
		height: auto;
	}

    .Trecommend-list .Size {
        background-position: calc(100% - 9px)center;
        font-size: 15px;
    }
    .Trecommend-list .Tproduct-price,
    .Trecommend-list .Tproduct-priceref {
        font-size: 15px;
    }
    
    .Trecommend{
        width: 93%;
        margin: 20px auto;
    }
    .Trecommend li.Trecommend-Details{
        -webkit-background-composite: 0.5;
    }
    .Trecommend-Details .hang-deta{
        position: fixed;
        z-index: 1000;
        width: 100%;
        height: 100%;
        top: 0;
        overflow: auto;
        padding-top: 0;
        padding-bottom: 30px;
        z-index: 9999999999;
    }
    .Suspension .hang-deta .closeBottom{
        display: block;
        margin: 0;
        position: relative;
        right: 0;
        bottom: 22px;
        line-height: 22px;
        padding: 0;
        border: 0;
        font-weight: bold;
        width: 48%;
        text-align: center;
    }
    .Suspension .hang-deta .closeBottom:hover{
        border: 0;
        background-color: transparent;
        color: inherit;
    }
    .Suspension .hang-deta .closeBottom:before{
        text-decoration: underline;
    }

    .Suspension .Trecommend-list{
        display: block;
    }
    .Trecommend-list .Trecommend-list-left:nth-child(2){
        display: none;
    }
    .TsubmitSkip,
    .TsubmitSkipout,
    .Trecommend-list-left .swiper-container{
        display: block;
    }
    .hang-deta{
        transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
    }
    .hang-deta .Tclose{
        margin: 30px 0;
    }
    .Trecommend-list-left{
        width: 100%;
        padding: 0;
    }
    .Suspension .Trecommend-list-left{
        width: 100%;
        padding-bottom: 52px;
        position: relative;
    }
    .slick{
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .Tsubmit,
    .TsubmitRemove{
        width: 100%;
        line-height: 40px;
        background-color: #000;
        border: 1px solid #000;
        color: #fff;
        border-radius: 3px;
        font-weight: normal;
    }
    .TsubmitRemove{
        border: 1px solid #999;
        background-color: #fff;
        color: #393939;
    }
    .TsubmitSkip,
    .TsubmitSkipout{
        width: 48%;
        font-weight: bold;
        text-decoration: underline;
        line-height: 22px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .Trecommend-list ul.Tpanel{
        display: block;
    }

    
    /* ships button */
    .ships,
    .attribute-but,
    .parameter-submit{
		border-bottom: 0;
		padding-bottom: 0;
        width: 93%;
        margin: 0 auto;
	}
    .ships_a a {
		margin: 1.0rem auto 0;
	}
    #btnBuyNow, 
    .Jewelry-nav p, 
    .parameter-submit #addSample,
    #addWish{
        height: 54px;
		line-height: 52px;
    }
    .ships_a #btnBuyNow {
		position: relative;
		top: 0;
    }
    .ships_a #btnBuyNow:hover {
		opacity: 1 !important;
	}
    .parameter-submit #addSample{
        border-color: #fff;
        font-weight: bold;
        text-decoration: underline;
    }
	
    
    /* add to bag */
    .btnBuyText{
        font-size: 15px;
    }

    /* Crystals - colorchart */
    .shitou_b_colir_box {
        width: 93%;
        margin: 0 auto;
    }
    .shitou_b_colir_title {
        margin-bottom: 20px;
        border-color: #f9f9f9;
        border-width: 4px;
    }
    .shitou_b_img li {
        flex-direction: column;
        text-align: center;
    }
    .shitou_b_img li span:nth-child(1),
    .shitou_b_img li span:nth-child(2) {
        width: 100%;
    }
    .shitou_b_img li span img {
        margin: 0;
        width: 50px;
    }
    .shitou_b_img li span:nth-child(2) {
        font-size: 12px;
        margin-top: 6px;
    }
    .shitou_b_img li:hover span:nth-child(2) {
        border: none;
    }
    

    /* dl */
    .dl {
        width: 91%;
        margin: 0 auto;
        border-top: 4px solid #f9f9f9;
        border-bottom: 0;
        padding-top: 20px;
    }
    .dl .dd {
        margin-top: 30px;
    }
    .dd_title{
        margin-bottom: 10px;
    }
    .dd_content {
        font-size: 15px;
        line-height: 21px;
    }
    .dd_content>div:first-child{
        width: 100%;
    }

    /* recommend */
    .recommend .swiper-wrapper .swiper-slide,
    #jewelryColorRecommend .swiper-wrapper .swiper-slide, 
    #recentlyViewed .swiper-wrapper .swiper-slide{
		width: 130px;
		margin-right: 20px;
	}
    
    .recommend .swiper-wrapper .swiper-slide>a {
		font-size: 14px;
    }
    .recommend .swiper-wrapper .swiper-slide>a h4{
        text-overflow: ellipsis;
    }
    /* recommend-title */
    .recommend-title{
        height: auto;
    }
    .recommend-title:before,
    .recommend-title:after,
    .recommend-title span:before {
        display: none;
    }
    .recommend-title span {
        position: static;
        padding-left: 0;
        font-size: 20px;
        font-weight: bold;
    }
    .recommend-title em {
        display: block;
        font-size: 15px;
        color: #999;
        line-height: 20px;
        display: none;
    }

    /* recommend */
    .recommend,
    .comparison,
    #designsRecommend{
        width: 91%;
        margin: 30px auto 70px;
        padding-top: 20px;
        border-top: 4px solid #f9f9f9;
    }
    
    /* comparison */
	.comparison-list li {
		margin-bottom: 2px;
		font-size: 14px;
	}
	.comparison-list-r .swiper-scrollbar {
		display: none;
	}
	.comparison-list-r ul.colorcompar>li img,
	.comparison-list-r ul.colorcompar>li a p,
	.comparison-list-r ul.colorcompar>li:nth-of-type(2) span{
		width: 130px;
	}
	.comparison-list-l {
		margin-right: 10px;
		border: 0;
		width: auto;
		min-width: 80px;
		pointer-events: none;
	}
	.comparison-list-r{
		width: 100%;
	}
	.comparison-list-r ul.colorcompar,
	.comparison-list-r ul.colorcompar>li:first-child,
	.comparison-list-r ul.colorcompar:first-child>li:first-child{
		border: 0;
    }
    .comparison-list-l li,
    .comparison-list-l ul>li:nth-of-type(3),
    .comparison-list-l ul>li:last-child,
    .comparison-list-r ul.colorcompar>li,
    .comparison-list-r ul.colorcompar>li:nth-of-type(3),
    .comparison-list-r ul.colorcompar>li:last-child{
        border: 0;
    }
	.comparison-list-r ul.colorcompar{
		width: 170px;
	}
	.comparison-list-r ul.colorcompar:last-child li{
		margin-right: 0;
	}
	.comparison-list-r ul.colorcompar>li,
	.comparison-list-r ul.colorcompar>li:not(:first-child):nth-of-type(odd),
	.comparison-list-l ul>li,
	.comparison-list-l ul>li:not(:first-child):nth-of-type(odd){
		background-color: #f9f9f9;
    }
    .comparison-list-r ul.colorcompar>li:first-child, 
    .comparison-list-r ul.colorcompar>li:nth-of-type(2){
        background-color: #fff;
    }
	
	.comparison-list-r ul.colorcompar>li {
		margin-right: 10px;
        justify-content: center;
	}
	.comparison-list-l ul>li:nth-of-type(2),
	.comparison-list-r ul.colorcompar>li:nth-of-type(2){
		padding-top: 20px;
    	padding-bottom: 20px;
    }
	/* scrolling */
	.comparison-list.scrolling .comparison-list-l {
		position: absolute;
		z-index: 1;
        min-width: auto;
        background-color: #fff;
	}
    .comparison-list.scrolling .comparison-list-l ul>li,
	.comparison-list.scrolling .comparison-list-l ul>li:not(:first-child):nth-of-type(odd){
		background-color: transparent;
	}
	.comparison-list.scrolling .comparison-list-l ul>li{
        width: 32px;
        overflow: hidden;
        color: rgba(0,0,0,0);
        border-right: 10px solid #fff;
        background: url(/images/shared/comparison-price.png) no-repeat center/24px 24px;
        background-color: #f9f9f9!important;
	}
    .comparison-list.scrolling .comparison-list-l ul>li[name="price"]{
        background-image: url(/images/shared/comparison-price.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="avg"]{
        background-image: url(/images/shared/comparison-avg.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="width"]{
        background-image: url(/images/shared/comparison-width.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="stretch"]{
        background-image: url(/images/shared/comparison-stretch.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="ingredient"]{
        background-image: url(/images/shared/comparison-ingredient.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="views"]{
        background-image: url(/images/shared/comparison-views.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="heel"]{
        background-image: url(/images/shared/comparison-heel.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="custome"]{
        background-image: url(/images/shared/comparison-custome.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="origin"]{
        background-image: url(/images/shared/comparison-origin.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="designnote"]{
        background-image: url(/images/shared/comparison-designnote.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="hotsale"]{
        background-image: url(/images/shared/comparison-hotsale.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="type"]{
        background-image: url(/images/shared/comparison-type.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="fit"]{
        /* background-image: url(/images/shared/comparison-fit.png); */
        /* fit use width's picture */
        background-image: url(/images/shared/comparison-width.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="pockets"]{
        background-image: url(/images/shared/comparison-pockets.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="fabric"]{
        background-image: url(/images/shared/comparison-fabric.png);
    }
    .comparison-list.scrolling .comparison-list-l ul>li[name="custommade"]{
        background-image: url(/images/shared/comparison-custommade.png);
    }

    
    /* c-r-col-1-title */
    .c-r-col-1-title{
		margin: 40px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.c-r-col-1-title em{
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}
	.c-r-col-1-title em.btn-title-left{
		background: #ebebeb url(/images/shared/arrows-l-details.svg) no-repeat center center/16px;
	}
	.c-r-col-1-title em.btn-title-right{
		background: #ebebeb url(/images/shared/arrows-r-details.svg) no-repeat center center/16px;
	}

	.c-r-col-1-title span{
		display: none;
	}
	.c-r-col-1-title span.on{
		display: block;
		margin: 0;
		border: 0;
		font-size: 18px;
		text-align: center;
	}
	.c-r-col-1-title.noSwitch{
		justify-content: center;
	}
	.c-r-col-1-title.noSwitch em{
		display: none;
    }
    .c-r-col-1-title.notSwitch{
        display: none;
    }

    /* shoes_detail recommend */
    .swiper-container7-div {
        border-top: 0;
	}
    .pop-choose-optional {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
        padding-top: 40px;
	}
	.pop-choose-optional .pop-c-itemstates {
		margin-bottom: 30px;
	}
	.pop-choose-optional .pop-choose-left {
		width: 100%;
	}
	.pop-choose-optional>div {
		float: none;
	}
	.pop-choose-optional .choose-right {
        width: 100%;
        padding-left: 0;
	}
	.pop-choose-optional .swiper-container6 {
		margin-top: 0;
		padding-bottom: 30px;
    }
	.pop-choose-optional .pop-c-title2 {
		font-size: 15px;
	}
	.pop-choose-optional .pop-c-saleprice {
		font-weight: bold;
	}
	.pop-choose-optional .pop-c-title {
		margin-bottom: 15px;
	}
	.pop-choose-optional .closedd {
		width: 100%;
	}
	.pop-choose-optional .closedd img {
		right: 10px;
		top: -470px;
		z-index: 10;
    }
    .pop-choose-optional .pop-ddldata {
		padding: 15px 0;
		margin: 10px 0;
	}
    
    /* costumes_detail详情页  Enjoy Loyalty Discount 弹出框*/
    .zzc_txt_bsf .closed {
        width: 17px;
        height: 17px;
    }
    .zzc_txt_bsf .closed-p{
        margin-top: 0;
    }
    .zzc_txt_bsf {
        width: 94%;
        height: 430px;
    }
    .zzc_txt_bsf .zzc_zt_bsf{
        margin: 10px 15px;
    }
    .zzc_txt_bsf .zzc_zt_bsf .tu_biao{
        text-align: center;
    }
    .zzc_txt_bsf .tcc_p1_bsf .text_soan, 
    .zzc_txt_bsf .tcc_p2_bsf .text_soan, 
    .zzc_txt_bsf .tcc_p3_bsf .text_soan {
    max-width: calc(100% - 20px)!important;
    }
    .tcc_p6_bsf{
        overflow: hidden;
        text-align: center;
    }
    .zzc_txt_bsf .tcc_p6_bsf a{
        float: none;
        width: 100%;
        margin: auto;
        padding: 15px 0;
        font-size: 15px;
    }
    .zzc_txt_bsf .zzc_zt_bsf{
        margin-top: 0;
    }
    .zzc_txt_bsf .tcc_p5_bsf {
        display: none;
    }
    .zzc_txt_bsf.no_btn{
        height: 370px;
    }
    .zzc_txt_bsf.no_btn .tcc_p6_bsf{
        display: none;
    }
}