@charset "utf-8";
body{
    --link-title-color: #333333;
    --link-text-color: var(--link-title-color);
}
body{
    --link-title-color: #333333;
    --link-social-border-color:var(--link-title-color);
    --link-social-color:var(--link-title-color);

    --link-button-bg-color:#333333;
    --link-button-font-color:#FFFFFF;
    --link-button-border-color:#333333;
    --link-button-border-font-color:#333333;
    --link-button-shadow-color:#222222;
}
body .block-box,body .block-item{
    --link-block-border-color:#333333;
    --link-block-font-color: #333333;
    --link-block-padding-right:0;
    --link-block-corner:0px;

    --form-bg-color:rgba(0,0,0,0);
    --form-border-color:#333333;
    --form-tmpl-color:var(--link-block-font-color);
    --form-style-color:var(--link-block-font-color);
    --form-title-color: var(--form-tmpl-color);
    --form-text-color: var(--form-tmpl-color);

    --link-action-bg-color:#333333;
    --link-action-font-color:#FFFFFF;

    --single-button-bg-color:var(--link-action-bg-color);
    --single-button-border-color:var(--link-action-bg-color);
    --single-button-border-font-color:var(--link-action-font-color);
}
[class^=cmpt-image-] .block-box,[class^=cmpt-image-] .block-item{
    /*--link-block-item-margin:0;*/
    /*--link-block-corner-inner: var(--link-block-corner);*/
    overflow:hidden;
}
[class^=cmpt-cover-] .block-box,[class^=cmpt-cover-] .block-item{
    /*--single-button-bg-color:#E2D8CE;*/
}
body{position:relative;min-height:100vh;}
.bg div{background-image:none;background-color:#ffffff;}
.container{align-items:initial;padding:0;height:initial;width:100%;padding-bottom:20px;padding-top:var(--body-padding-top)}
a{text-decoration:none;color:#777}
ul,li{list-style: none;}
section .header_box{padding-top:12px;}
.space-H1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;}
.space-H2{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;-webkit-line-clamp:2;}
.header{height:36px;line-height:36px;position:relative;display:flex;align-items:center;}
.header .image-box{width:36px;height:36px;position:relative;}
.header img{width:100%;height:100%;border-radius: 50%;position: absolute;}
.header h6{text-align: center;font-size:14px;color:var(--link-title-color);font-weight: bold;max-width:60%;overflow: hidden;}
section .header h6{text-align:left;max-width:65%;text-indent:12px;}
.more{position: absolute;top: 0;right: 0;display: block;cursor: pointer;}
.more i{font-size:20px; color:var(--link-title-color);}
.container section{min-height:calc(100vh - var(--body-padding-top) - 80px);}
/*section .content{padding-top:20px;}*/
.footer{text-align:center;position:absolute;width:100%;font-size:10px;color:#bbbbbb;z-index:11;bottom:0;}
.footer .iconfont{font-size:9px}
.footer p a{color:var(--link-title-color);}
.footer p a:hover{color:var(--link-title-color)}
.con{display:none;}
.con.selected{ display: block;}
section .content [class^=cmpt-]{margin:24px auto 0;}
/*.text-ctm h3,.text-ctm .desc,.text-ctm .title,.text-ctm .subtitle,.text-ctm .title-box,.text-ctm .desc-box,.text-ctm{color:var(--link-title-color);}*/

.cmpt-cover-cover .intro_box{display:flex}
.banner{background:center no-repeat;background-size:cover;height:188px}
.banner .intro_box{border-radius:4px;color:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.intro_box .title{font-size:20px;margin-bottom:15px;white-space: nowrap;max-width: 70%;overflow: hidden;text-overflow: ellipsis}
.intro_box .desc{font-size:12px;margin-bottom:15px;white-space: nowrap;max-width: 80%;overflow: hidden;text-overflow: ellipsis}
.banner_btn{min-width:80px;max-width:160px;height:28px;font-weight:600;border-radius:2px;padding:0 8px;font-size:12px;background:#ffffff;color: #333333;display: flex; align-items: center; justify-content: center;}
.banner_btn:empty{display: none;}
.social_list{display:flex;flex-wrap:wrap;justify-content:center;}
.social_list-top.filler:after {content:"";flex:auto;}
.social_list-top{margin-top:15px;}
.social_list-top li{width:20%;}
.social_list li{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.social_list a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;text-decoration:none}
.social_list a img{width:35px;height:35px;object-fit:cover;object-position:center;border-radius:50%}
.social_list-bottom{display: none;}
.home_main{overflow: hidden;}
.product_list{margin-top: 14px;  margin-right: -10px;}
.product_list .li_item{width:calc(50% - 10px);display:inline-block;margin-right:10px;margin-bottom:10px;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.1);border-radius:4px;vertical-align: top;}
.product_list .li_item .img_box {position: relative;padding-bottom: 100%;height: 0;}
.product_list .li_item img{ width: 100%;height: 100%;border-top-left-radius:4px;border-top-right-radius:4px; object-fit: cover; object-position: center center;position: absolute;left: 0px;top: 0px; z-index: 1;}
.product_list .li_item .img_box .label{padding: 3px 5px;position: absolute;left:0; top: 0;color: #fff;z-index:2}
.product_list .li_item .goods_title{ font-size: 12px;color: rgb(51, 51, 51);overflow: hidden;padding: 0 10px;margin-top: 10px;margin-bottom: 10px;}
.product_list .li_item .goods_title:empty{display: none;}
.product_list .li_item .price{padding-left: 10px;color: #777777;font-size:12px;margin-bottom: 10px;display: inline-block;}
.product_list .li_item .price:empty{display: none;}
.product_box .li_item p.goods_title{font-size: 12px;font-weight: 500;}
.product_box .li_item span.price{font-size: 13px;font-weight: 500;color: #333333;}
.gallery_list {overflow: hidden;margin-right: -10px; margin-top: 14px;display: flex;flex-wrap: wrap;}
.gallery_list .li_item{width:calc(50% - 10px);margin-right:10px;border-radius:4px;margin-bottom: 10px;text-align:center;}
.gallery_list .li_item .img_box{position: relative;padding-bottom: 100%;}
.gallery_list .li_item img{width:100%;height:100%;object-fit:cover;object-position:center;position: absolute;left: 0;top: 0; z-index: 1;}
.video_list{margin-top: 14px;}
.video_list .li_item{height:auto;width:100%;margin-bottom:8px}
.video_list .li_item p{color: #333333;font-size:14px;}
.about_box span{text-align: center;color: #333333;font-size: 13px;font-weight: bold;display: block;margin-bottom: 10px;}
.about_box p{font-size:9px;color: rgba(153,153,153,1);}

.tab_box1{position:fixed;bottom:20px;background-color:#fff;width:94%;z-index:101;display: none;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
   left: 3%;    border-radius: 12px;
}
.tab_box1 ul{display:flex;height:50px;max-width:100%;align-items:start;overflow-x:auto;overflow-y:hidden;line-height:1;padding:4px 0}
.tab_box1 ul::-webkit-scrollbar-button{display:none}
.tab_box1 ul::-webkit-scrollbar{width:8px;height: 6px; background: transparent;}
.tab_box1 ul::-webkit-scrollbar-thumb{background: transparent; border-radius: 4px;}
.tab_box1 ul:hover::-webkit-scrollbar-thumb{background: hsla(0, 0%, 53%, 0.4);}
.tab_box1 ul:hover::-webkit-scrollbar-track{background: hsla(0, 0%, 53%, 0.1); }
.tab_box1 ul li{width:20%;min-width:20%;height:40px;text-align:center;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:auto}
.tab_box1 ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#CCCCCC;font-size:12px}
.tab_box1 ul li.selected i{color:#333333;}
.tab_box1 ul li.selected span{color:#505050;}
.tab_box1 ul li a i{font-size:22px;line-height:22px}
.tab_box1 ul li img{display:none}
.tab_box1 ul li img[src^='http']{display:block;width:24px;height:24px;object-fit:cover;object-position:center;margin-bottom:5px}
.side_dark{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;background:#000;display:none}
.side_dark .icon-close{position:fixed;right:20px;top:15px;font-size:13px;color:#fff;cursor:pointer;z-index:99}
.tab_box2{list-style:none;text-align:center;display:flex;justify-content:center;align-items:center;height:100%;padding:24px}
.tab_box2 ul{max-height:100%;overflow:auto;width:100%}
.tab_box2 ul::-webkit-scrollbar{width:0;background: transparent;}
.tab_box2 a{font-size:18px;font-weight:500;color:#636363;line-height:41px}
.tab_box2 li{height:40px;}
.tab_box2 li.selected a{color:#fff}
.tab_box3{display:none}
.gall_imgs_dark{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9;background:#000;display:none}
.gall_percent{color:#fff;float:left;margin-top:35px;margin-left:35px}
.close_gall_dark{color:#fff;font-size:13px;float:right;margin-top:35px;margin-right:35px}
.page_title{margin:14px 0;text-align:center}
.page_title span{display:inline-block;font-size:14px;font-weight:700;color:#333;border:1px solid #333;padding:3px 6px}
.con-title{text-align:center}
.con-title span{display:inline-block;font-size:22px;font-weight:700;color:#333;padding:3px 6px;margin-top:14px}
.con-title span:empty{display:none}
.banner .video_block{height:100%;width:100%}
.space-H{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}

@media only screen and (min-width:767px){
    /*.header_box{border-bottom: 1px solid #ECECEC!important;}*/
    .container{height:100%;max-width:none;}
    .con{margin:0 auto;min-width:674px;}
    .banner{background-size:cover;height:480px}
    .banner .intro_box{background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .intro_box .title{font-size:40px;margin-bottom:15px;}
    .intro_box .desc{font-size:26px;margin-bottom:15px;}
    .social_list-top{display: none;}
    .social_list-bottom{display:flex;padding:10px 8px;flex-wrap:wrap;justify-content:center;margin:0 auto;}
    .social_list-bottom.filler:after {content: "";flex: auto;}
    .social_list-bottom li{width: 12.5%;margin-bottom: 10px;}
    .product_list {margin-top: 28px;margin-right: -34px;}
    .product_list .li_item{width:calc(33.3% - 34px);margin-right: 34px;margin-bottom: 34px;}
    .product_list .li_item .goods_title{margin-top: 16px;font-size: 16px;}
    .product_list .li_item .price{font-size: 20px}
    .gallery_list {margin-right: -34px;}
    .gallery_list .li_item{width: calc(33.3% - 34px);margin-right: 34px;margin-bottom: 34px;}
    .video_list .li_item{min-height:500px;height:auto;margin-bottom: 16px;}
    .video_list .li_item iframe{max-height: 500px;height: 500px;}
    .video_list .li_item p{color: #333333;font-size: 16px;}
    .video_box{font-size: 16px;color: #333333;}
    .about_box p{font-size: 18px;margin-bottom: 18px;}
    .about_box span{text-align: left; font-size: 24px;}
    .tab_box3{display:block; position: absolute;right: 0;top: 0;}
    .tab_box3 li {display: inline-block;margin-left: 22px;position: relative;color:var(--link-title-color);font-size: 18px;}
    .tab_box3 li a{color:var(--link-title-color)}
    .tab_box3 li.selected a{color:var(--link-title-color);}
    .tab_box3 li.selected::after{display:inline-block;width: 100%;height:2px;background:var(--link-title-color);content:'';position:absolute;bottom:8px;right: 0;}
    .footer{font-size: 15px;}
    .footer .iconfont{font-size:12px}
    .header{height:64px;line-height:64px;width:1000px; margin: 0 auto;}
    /*.header .image-box{width:44px;height:44px;}*/
    .header h6{text-align:left;font-size:24px;text-indent:16px;}
    .tab_box1{display: none!important;}
    .more{display:none;}
    .page_title {margin-bottom: 44px;display: block!important;text-align: center;}
    .page_title span{font-size: 30px; border: 2px solid rgba(0,0,0,1);padding: 3px 7px;}
    .con h6 {font-size: 18px; font-weight: normal; margin: 12px 0;}
    .banner_btn{height: 40px; max-width: 400px;font-size: 18px;}
    .pro-detail_box .top li{max-height:400px;text-align:center;}
}
.siteSwiper-con{height:40px;overflow:hidden;}
#siteSwiper .swiper-button-next,#siteSwiper .swiper-button-prev{position:fixed;background:rgba(0,0,0,0);width:28px;}
#siteSwiper .swiper-button-next:focus,#siteSwiper .swiper-button-prev:focus{outline:none;}
/*https://bio.linkcdn.cc/instabio.cc/static/images/prev.png*/
/*https://bio.linkcdn.cc/instabio.cc/static/images/next.png*/
#siteSwiper .swiper-button-next img,#siteSwiper .swiper-button-prev img{width:32px;height:32px;display:none}
#siteSwiper .swiper-button-next svg,#siteSwiper .swiper-button-prev svg{vertical-align: middle;
    width: 28px;
    height: 28px;border-radius:50%;padding:6px}
#siteSwiper .swiper-button-prev svg{transform:rotate(180deg)}
#siteSwiper .swiper-button-next svg,#siteSwiper .swiper-button-prev svg{fill:currentColor}
#siteSwiper>.swiper-pagination-bullets{bottom:auto;top:10px;}
/*#siteSwiper .swiper-pagination-bullet{background:#FFFFFF}*/
#siteSwiper .swiper-pagination-bullet-active{background-color:var(--theme-color);}

.block-box .embed-twitter,.block-item .embed-twitter{overflow:hidden}
@media only screen and (min-width: 767px) {
    #siteSwiper .swiper-button-next{right:50%;margin-right:-400px;}
    #siteSwiper .swiper-button-prev{left:50%;margin-left:-400px;}
}