@charset "utf-8";
.sizeguide-filter .filter-btn .eu{display:none}
.size-mode-switcher{display:block;text-align:center;margin:21px 0}
.size-mode-switcher a{text-decoration:underline;margin:0 17px;font-size:13px}

.sizeguide-filter{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 15px}
.sizeguide-filter .filter-btn{border:1px solid #ccc;flex:0 1 calc(25% - 4px);margin:0 2px 5px;line-height: 42px;border-radius: 30px;font-size: 16px;}
.sizeguide-filter .filter-btn:focus{background-color:inherit;color:inherit}
.sizeguide-filter .filter-btn.active{background-color:#1a1a1a;border-color:#1a1a1a;color:#fff}
/*.sizeguide-filter::after{content:"";flex:auto}*/

.sizeguide-inner{height:100vh;margin-top: 20px;}
.sizeguide-inner p{font-size:14px}
.sizeguide-inner img{width:auto;margin:0 auto 15px;display:block;max-width:180px}
.sizeguide-inner .table-responsive{overflow-x:auto}
.sizeguide-inner .table-responsive table{margin-top:20px}
.sizeguide-inner .table-responsive table td{font-size:12px !important;padding:10px 7px;line-height:2;vertical-align:middle;min-width:85px}
.sizeguide-inner .table-responsive table td:first-of-type{font-weight:bold;font-size:11pt !important}
.sizeguide-inner .table-responsive table tr:last-of-type td{border-bottom:1px solid rgba(26,26,26,0.24)}
.sizeguide-inner .container.more h4{margin-bottom:10px;margin-top:40px}
.sizeguide-inner .container.more a{display:block;font-size:14px;text-decoration:underline;padding:8px 0}
.sizeguide-inner iframe{margin:30px 0;display:none}

.sizeguide-inner .table-responsive::-webkit-scrollbar {
    height: 6px !important;
}
/* 滚动条的轨道 */
.sizeguide-inner .table-responsive::-webkit-scrollbar-track {
    /* 设置滚动条轨道的背景色 */
    background-color: #f1f1f1;
}
 
/* 滚动条的轨道的hover颜色 */
.sizeguide-inner .table-responsive::-webkit-scrollbar-track:hover {
    background-color: #eaeaea;
}
 
/* 滚动条的滑块 */
.sizeguide-inner .table-responsive::-webkit-scrollbar-thumb {
    /* 设置滚动条滑块的背景色 */
    background-color: #888;
    border-radius: 8px;
}


.how-to-measure{padding: 0px 20px;margin-top: 30px;}
.how-to-measure h4{font-size: 21px;color: #000000;margin: 0px;}

.mores{padding: 0px 20px;margin-top: 30px;padding-bottom: 60px;}
.mores h4{font-size: 21px;color: #000000;margin: 15px 0px;}
.mores a{display: block;cursor: pointer;line-height: 30px;font-size: 14px;}
.mores a:hover{color: #f06a01;}


.sizeguide-inner .table-responsive table{border-spacing: 0;}
.sizeguide-inner .table-responsive table th{border-bottom: 1px solid #CCCCCC;height: 50px;color: #000000;}


.sizeguide-inner .table-responsive table{margin-top:20px}
.sizeguide-inner .table-responsive table tr{border-bottom: 1px solid #CCCCCC;}

.sizeguide-inner .table-responsive table td{font-size:12px !important;padding:10px 7px;line-height:2;vertical-align:middle;min-width:85px;border-bottom: 1px solid #CCCCCC;text-align: center;}
.sizeguide-inner .table-responsive table td:first-of-type{font-weight:bold;font-size:11pt !important;color: #000000;}
.sizeguide-inner .table-responsive table tr:last-of-type td{border-bottom:1px solid rgba(26,26,26,0.24)}

.white{background: #FFFFFF;}


.custom-radio-parent{display:flex;justify-content:flex-start;flex-wrap:wrap;width:auto !important;margin:0 -5px}
.custom-radio-parent::after{content:"";flex:auto}.custom-radio-parent .custom-radio{flex:0 1 25%}

.custom-radio-parent.items-2::after{content:none}
.custom-radio-parent.items-2 .custom-radio{flex:1}
.custom-radio-parent .custom-radio{position:relative;padding:0 4px;margin-bottom:12px}
.custom-radio-parent .custom-radio input{position:absolute;opacity:0;}
.custom-radio-parent .custom-radio input+span.action{background-color:#fff;border:1px solid #ccc;font-size:16px;padding:6px 0px;width:100%;border-radius:17px;display: block;text-align: center;}
.custom-radio-parent .custom-radio input+span.action:hover{background-color:#1a1a1a;color: #ffffff;cursor: pointer;}
.custom-radio-parent .custom-radio input:checked+span.action{border-color:#1a1a1a;background-color:#1a1a1a;color:#fff;}
.custom-radio-parent .custom-radio input:disabled+span.action{border-color:#ccc;background-color:white;color:#ccc;pointer-events:none}
.custom-radio-parent .custom-radio.backorder-active input+span.action{background-color:rgba(26,26,26,0.1)}
.custom-radio-parent .custom-radio.backorder-active input:checked+span.action{border-color:#1a1a1a;background-color:#1a1a1a;color:#fff}
.custom-radio-parent .custom-radio.backorder-discontinued input+span.action{background-color:rgba(26,26,26,0.1)}
.custom-radio-parent .custom-radio.backorder-discontinued input+span.action:hover,.custom-radio-parent .custom-radio.backorder-discontinued input+span.action:focus{color:#1a1a1a}
.custom-radio-parent .custom-radio.backorder-discontinued input:checked+span.action{border-color:rgba(26,26,26,0.1)}



.slick_list2{margin-top: 50px;height: 450px;}
/*.slick_list2 .gdpic{height: 420px;}*/
.slick_list2 .item{
    display: block;
    margin: 0 7px;
    overflow: hidden;background-color: #f6f6f6;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slick_list2 .pic{
    height: 270px;
    overflow: hidden;
    border-radius: 15px;
    align-items: center;justify-content: center;display: flex;
    
}

.slick_list2 .pic img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    vertical-align: middle;mix-blend-mode: darken;
}



.slick_list2 .txt{
    height: 130px;
    padding: 0px 0px 10px;
    position: relative;
    text-align: left;background: #FFFFFF;
}
.slick_list2 .txt p{
    font-size: 16px;
    margin: 0px;
    color: #000000;
    line-height: 18px;border-top: 0px solid #999999;padding-top: 10px;
}
.slick_list2 .txt p.miaoshu{height: 30px;border-bottom: 1px solid #CCCCCC;font-size: 13px;color: #2ab951;line-height: 30px;}



.slick_list2 .txt p.pricesmall{color: #999999;border-top: none;}
.slick_list2 .gdpic:hover .txt{margin-top: -30px;}
.slick_list2 .txt .detail{width: 50%;margin: auto;text-align: center;color: #FFFFFF;height: 40px;border-radius: 30px;line-height: 60px;margin-top: 20px;position: absolute;
    top: 70px;
    left: 40px;
    line-height: 40px;
}
.slick_list2 .gdpic:hover .txt .detail{background: #1A1A1A;line-height: 40px;}

.slick_list2 .item:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
    transform-origin: 50% 50%;
}

i.info{height: 15px;width: 15px;margin-left: 0px;margin-top: 0px;border: 1px solid #000000;border-radius: 20px;font-size: 12px;line-height: 15px;COLOR: #000000;display: inline-table;}

.detailline{height: 40px;width: 100%;z-index: 199;}
.fixed{position: fixed;top: 0px;}
.detailline .wrapfixed{width: 100%;max-width: 1440px;background: #1A1A1A;margin: auto;text-align: center;}
.detailline .wrapfixed ul{}
.detailline .wrapfixed ul li{display: inline-table;padding: 5px 15px;}
.detailline .wrapfixed ul li a{color: #FFFFFF;font-size: 12px;cursor: pointer;}
.detailline .wrapfixed ul li:hover a{color: #f06a01;}


.one{padding: 60px 0px;text-align: center;margin-top: 0px;padding-bottom: 80px;}
.one h2{font-size: 34px;font-weight: bold;color: #000000;line-height: 50px;}
.one p{padding: 0px 10%;width: 80%;}
.one p{line-height: 30px;color: #333333;margin: 0px;}
.one h3{font-size: 26px;font-weight: bold;color: #000000;line-height: 50px;margin: 0px;padding-top: 30px;}
.one h4{font-size: 20px;font-weight: bold;color: #000000;line-height: 50px;margin: 0px;padding-top: 30px;}
.one .specification-container{margin: 20px 0px;}
.one p.wushi{width: 40%;margin: 0px 20%;color: #000000;}
.one p.qishi{width: 60%;margin: 0px 10%;color: #000000;}

.one.greybg{background: #f6f6f6;}

.two{width: 80%;background: #F6F6F6;padding: 80px 10%;text-align: center;margin-top: 40px;}
.three{padding: 40px 0px;text-align: center;margin-top: 40px;}

.videobg{display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        min-height: 600px;
        cursor: pointer;background: #000000;margin-top: 50px;}
.videobg h2{text-transform: uppercase;
        font-size: 45px;
        font-weight: 600;
        letter-spacing: 20px;
        color: #fff;
        text-align: center;
        max-width: 85%;}
.videobg .play-btn{position: absolute;
        bottom: 45px;
        left: 30px;
        width: 50px;
        max-width: 20%;}
.videobg .leon-paul-logo{position: absolute;
        bottom: 45px;
        right: 45px;
        width: 215px;
        max-width: 60%;}


.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
}
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 5px;
  width: 60%;
}
.popup-content span {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}



.washlist{width: 100%;text-align: center;margin: 50px 0px;}
.washlist ul{}
.washlist ul li{display: inline-table;width: 80px;}
.washlist ul li img{width: 60px;}
.washlist ul li p{font-size: 12px;margin: 0px;line-height: 20px;}



.customise{display: table;width: 100%;}
.customise label{cursor: pointer;}
.customise ul{}
.customise ul li{float: left;}
.customise ul li:nth-child(2){padding: 0px 15px;}
.customise ul li img{width: 100px;}
.customise ul li input[type="checkbox"]{margin-top: 60px;height: 25px;width: 25px;}
.customise ul li:nth-child(3){margin-top: 25px;}
.customise ul li>p{margin: 10px;font-size: 16px;}
.customise ul li>p.pricesmall{font-size: 14px;color: #999999;}
.nodes-checkbox {
    input:checked {
        position: relative;
        &::before{
            content: "";
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 8px;
            width: 6px;
            height: 10px;
            border-right: 3px solid #fff;
            border-bottom: 3px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: 1;
        }
        &::after{
            content: "";
            display: inline-block;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #1a1a1a; // 改变颜色
            border-radius: 2px;border-radius: 3px;
        }
    }
}

.readms{height: 40px;border-bottom: 1px solid #cccccc;line-height: 40px;color: #53d973;font-size: 14px;margin-bottom: 15px;}

.customiseinfo{background: #F6F6F6;width: 90%;padding: 30px 5% 15px;clear: both;display: none;}

.customiseinfo .btt{color: #000000;font-weight: bold;font-size: 14px;}
.customiseinfo input[type="text"]{width: 100%;height: 40px;border: none;border-radius: 10px;background: #EEEEEE;font-size: 14px;text-indent: 15px;margin: 5px 0px;outline: none;}
.customiseinfo .xts{font-size: 12px;color: #999999;margin-bottom: 15px;cursor: pointer;}
.customiseinfo select{width: 100%;height: 42px;border: none;border-radius: 10px;background: #EEEEEE;font-size: 14px;text-indent: 15px;margin: 5px 0px;outline: none;}
.customiseinfo .xtsred{font-size: 14px;color: #FF9700;margin: 10px 0px;text-decoration: underline;text-align: right;cursor: pointer;}



.procudtstips{padding: 10px 0px;width: 100%;text-align: center;}
.procudtstips p{color: #666666;font-size: 12px;margin: 0px;}
.procudtstips p.green{color: #15ce15;font-weight: bold;font-size: 14px;}
.procudtstips p a{text-decoration: underline;font-size: 12px;}


#conx {
    WIDTH: 100%;
}
#tagsx {
WIDTH: 100%; HEIGHT: 30px; text-align: center;
}
#tagsx LI {
LIST-STYLE-TYPE: none; HEIGHT: 6px; margin-left:0px; text-align:center;display: inline;padding: 0px 15px;
}
#tagsx LI A {
    COLOR: #333333; LINE-HEIGHT: 30px;text-decoration:underline;font-size: 12px;
}
#tagsx LI.emptyTag {
WIDTH: 4px
}
#tagsx LI.selectTagx {
POSITION: relative; HEIGHT: 30px;
}
#tagsx LI.selectTagx A {
    BACKGROUND-POSITION: right top; COLOR: #f06a01; LINE-HEIGHT: 30px; HEIGHT: 30px; text-align:center;
}
#tagContentx {
    PADDING-RIGHT:0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px;
}
.tagContentx {
    DISPLAY: none; PADDING-LEFT: 0px; WIDTH: 100%; HEIGHT:auto;
}
#tagContentx DIV.selectTagx {
    DISPLAY: block
}


.sku-radio {
  display: none; /* 隐藏原始的单选按钮 */
}
 
.sku-radio + label {
  padding: 7px 20px;text-align: center;
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px; flex-grow: 0;flex-shrink: 0;margin-right: 10px;margin-bottom: 10px;
/*  flex-basis: 93px;*/
min-width: 12%;color: #000000;
}
.sku-radio + label.big{
/*flex: 0 0 22%;*/
  border: 1px solid #000; /* 为了清晰地显示每个item的边界 */
  box-sizing: border-box; /* 防止内边距影响宽度 */
}
.sku-radio:checked + label {
  background-color: #000000; /* 选中后的背景颜色 */
  color: #FFFFFF; /* 选中后的文本颜色 */
}
.sku-radio + label.kong{
background: #CCCCCC;pointer-events: none;
}
/*.sku-radio + label.kong:after{content: '!';height: 15px;width: 15px;position: absolute;margin-left: 3px;margin-top: 3px;border: 1px solid #000000;border-radius: 20px;font-size: 12px;line-height: 15px;}*/
.sku-radio + label.sige{width: 50px;}



.color-radio {
  display: none; /* 隐藏原始的单选按钮 */
}
 
.color-radio + label {
  padding: 7px 20px;text-align: center;
  border: 1px solid #FFFFFF;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px; flex-grow: 0;flex-shrink: 0;margin-right: 10px;margin-bottom: 10px;height: 40px;width: 40px;
/*  flex-basis: 93px;*/
}
.color-radio + label.big{
/*flex: 0 0 22%;*/
  border: 0px solid #000; /* 为了清晰地显示每个item的边界 */
  box-sizing: border-box; /* 防止内边距影响宽度 */
}
.color-radio:checked + label:after{content: "";
  display: block;
  width: 40px; /* 设置你想要的宽度 */
  height: 40px; /* 设置你想要的高度 */
  background-size: cover; /* 或者其他你需要的大小设置 */
  position: relative;
  top: -8px;
  right: 20px;background: url("../Images/check-background.png");}
.color-radio + label.kong{
background: #CCCCCC;pointer-events: none;
}
/*.color-radio + label.kong:after{content: '!';height: 15px;width: 15px;position: absolute;margin-left: -8px;margin-top: -4px;border: 2px solid #FFFFFF;border-radius: 20px;font-size: 12px;line-height: 15px;COLOR: #ffffff;}*/





@media only screen and (max-width:767px){


.one{padding: 20px 0px;}
.one h2{font-size: 26px;}
.one h3{font-size: 20px;}
.one p{padding:0px 5%;font-size: 14px;width: 90%;}
.one p.qishi{width: 90%;margin: 0px;}
.one p.wushi{width: 90%;margin: 0px;}

.videobg{min-height: 200px;}
.videobg h2{font-size: 26px;}
.videobg .play-btn{width: 30px;bottom: 25px;left: 25px;}
.videobg .leon-paul-logo{width: 100px;bottom: 25px;right: 25px;}

.one .specification-container{margin: 0px;}

.popup-content{width: 90%;}

}