/*brands of YSL*/
/*main*/
body{font-family: 'FZLTQH',微软雅黑,Microsoft Yahei, Helvetica, Arial, sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-family: 'FZLTZH';}
.pc-header .pc-logo{text-indent:-99999px}
.all-cover{background: #000;position: fixed;width: 100%;height: 100%;z-index: 1001;left: 0;top: 0;opacity: 0.4; display: none;}
.ysl-loading{display: none;position: fixed;width: 100%;height: 100%;z-index: 9999;left: 0;top: 0;text-align: center;opacity: 0.4;background: #fff;}
.ysl-loading img{position: relative;top:45%;}

.clearfix:after, .clearfix:before{display: table;content: ' ';}
.clearfix:after{clear: both}

@font-face {
    font-family: 'FZLTQH';
    src:url('fonts/FZLTQH.TTF');
}
@font-face {
    font-family: 'FZLTZH';
    src:url('fonts/FZLTZH.TTF');
}

/*brands*/
.brands-container .group-table .group-text{left:0;width:40%;padding: 9% 4% 0;}
.brands-container .group-table .group-kv{right:0;left:auto;width:60%}
.brands-container .group-table .group-text{color:#666666}
.brands-container .group-tab{background:#000;color:#fff;}
.brands-container .group-table .group-text .text-item{padding:0 6% 0 0;}
.brands-container .group-table .group-text .text-item *{transform: translate(0,-10px);}
.brands-container .group-table .group-text .text-item .brand-backgroundimg{transform: translate(0,30px);width:33%;position:fixed;bottom:30px;}
.brands-container .group-table .group-text .text-item .brand-backgroundimg img{width:100%;}
.brands-container .group-table .group-text .text-item.on .brand-backgroundimg{transform: translate(0,20px);}
.brands-container .group-table .group-text .text-item.on *{transform: none;will-change: initial}
.brands-container .group-table .group-text .text-item .brand-logo img{width:100px;}
.brands-container .group-table .group-text .text-item:nth-child(6) .brand-logo img{width:115px;}
.brands-container .group-table .group-text .text-item:nth-child(8) .brand-logo img{width:110px;}
.brands-container .group-table .group-text .brand-mess{margin-top:24px;}
.brands-container .group-table .group-text .brand-mess:after{clear:both;content:"";display:block}
.brands-container .group-table .group-text .brand-mess .name{float:left;font-size: 25px; color: #176ecd;position: relative;padding-bottom: 24px; margin-bottom: 30px;    display: block;margin-right:15px;}
.brands-container .group-table .group-text .brand-mess .name::after{content: "";display: block;width: 50px;height: 3px;background: #176ecd;position: absolute;left: 0;bottom: 0;}
.brands-container .group-table .group-text .brand-mess .other{float:left;margin-top:5px;margin-left:10px;}
.brands-container .group-table .group-text .brand-mess .other ul{margin-bottom: 0}
.brands-container .group-table .group-text .brand-mess .other li{display:inline-block;margin-bottom:10px;margin-right:20px;line-height:25px;}
.brands-container .group-table .group-text .brand-mess .other li.weixin{margin-right:43px;position: relative}
.brands-container .group-table .group-text .brand-mess .other li.weixin .qrCode{position: absolute;left:-5px;top:25px;width: 100px;z-index: 9;display: none;}
.brands-container .group-table .group-text .brand-mess .other li.weixin .qrCode img{width:100%;}
.brands-container .group-table .group-text .brand-mess .other li.weixin a:hover .qrCode{display: block}
.brands-container .group-table .group-text .brand-mess .other li a{color:#8a8a8a;display:block;cursor: pointer}
.brands-container .group-table .group-text .brand-mess .other li a *{display:inline;float:left;line-height:20px;}
.brands-container .group-table .group-text .brand-mess .other li.weixin a{padding-left:30px;background:url("../images/brands/icon-wexin.png") no-repeat 0 3px;background-size:35%;}
.brands-container .group-table .group-text .brand-mess .other li.weibo a{padding-left:30px;background:url("../images/brands/icon-webo.png") no-repeat 0 3px;background-size:35%;}
.brands-container .group-table .group-text .brand-mess .other li.stores a{padding-left:25px;background:url("../images/brands/icon-coordinates.png") no-repeat 2px 1px;background-size:20%;}
.brands-container .group-table .group-text .brand-mess .other li.tmall a{padding-left:55px;background:url("../images/brands/icon-tmall.png") no-repeat 0 2px;;background-size:60%;}
.brands-container .group-table .group-text .brand-mess .other li.jd a{padding-left:50px;background:url("../images/brands/icon-jd.png") no-repeat 0 2px;background-size:50%;}

.brands-container .group-table .group-text .brand-desc{line-height:25px;margin-bottom:30px;color: #8a8a8a;z-index:999}
.brands-container .group-table .group-text .brand-desc .title{color:#176ecd}
.brands-container .group-table .group-text .brand-desc .tip{font-size:12px;line-height:18px;margin-top: 15px;}
.brands-container .group-table .group-text .brand-details{display:inline;width: 140px;height: 60px;position: absolute;z-index:2;}
.brands-container .group-table .group-text .brand-details a{display:block;width: 125px;padding:13px 0;border: 1px solid #1478bc;text-align: center;border-radius: 30px;text-decoration: none;color: #8a8a8a;transition: 1s ease;;}


.brands-container .group-table .group-kv .kv-item .brand-logo{position: absolute;display: block;z-index: 23;width: 50px;height: 30px;cursor: pointer}
.brands-container .group-table .group-kv .kv-item:nth-child(1) .brand-logo{background: url(../images/brands/brand-logo1.png) no-repeat;background-size: contain;left: -8%;top:13.5%;}
.brands-container .group-table .group-kv .kv-item:nth-child(2) .brand-logo{background: url(../images/brands/brand-logo2.png) no-repeat;background-size: contain;left: -7%;top:25%;}
.brands-container .group-table .group-kv .kv-item:nth-child(3) .brand-logo{background: url(../images/brands/brand-logo3.png) no-repeat;background-size: contain;left: -4.5%;top:36%;}
.brands-container .group-table .group-kv .kv-item:nth-child(4) .brand-logo{background: url(../images/brands/brand-logo4.png) no-repeat;background-size: contain;left: -2%;top:48%;}
.brands-container .group-table .group-kv .kv-item:nth-child(5) .brand-logo{background: url(../images/brands/brand-logo5.png) no-repeat;background-size: contain;left: 0;top:58%;}

.brands-container .group-tab {position:static;}
.brands-container .group-tab span{width:50px;height:30px;position:absolute;z-index:999;text-indent:-9999px}
.brands-container .group-tab span a{display:block; height:100%;}
.brands-container .group-tab.brand-list .logo.on,.brands-container .group-tab.brand-list .logo:hover{opacity: 1}
.brands-container .group-tab.brand-list .logo:nth-child(1){background: url(../images/brands/brand-logo1.png) no-repeat;background-size: contain;left: -12%;top:14%;}
.brands-container .group-tab.brand-list .logo:nth-child(2){background: url(../images/brands/brand-logo2.png) no-repeat;background-size: contain;left: -11%;top:26%;}
.brands-container .group-tab.brand-list .logo:nth-child(3){background: url(../images/brands/brand-logo3.png) no-repeat;background-size: contain;left: -8%;top:34%;}
.brands-container .group-tab.brand-list .logo:nth-child(4){background: url(../images/brands/brand-logo4.png) no-repeat;background-size: contain;left: -6%;top:43.4%;}
.brands-container .group-tab.brand-list .logo:nth-child(5){background: url(../images/brands/brand-logo5.png) no-repeat;background-size: contain;left: -3%;top:52.5%;}
.brands-container .group-tab.brand-list .logo:nth-child(6){background: url(../images/brands/brand-logo7.png) no-repeat;background-size: contain;left: -3%;top:65%;width: 62px;}
.brands-container .group-tab.brand-list .logo:nth-child(7){background: url(../images/brands/brand-logo6.png) no-repeat;background-size: contain;left: -1%;top:75%;}
.brands-container .group-tab.brand-list .logo:nth-child(8){background: url(../images/brands/brand-logo8.png) no-repeat;background-size: contain;left: 1%;top:84%;}
.brands-container .group-tab.brand-list .logo:nth-child(9){background: url(../images/brands/brand-logo1.png) no-repeat;background-size: contain;left: 1%;top:95%;}


.brands-container .group-table .group-kv .kv-item{text-indent: -999px;opacity: 0;transition: all 1s;-webkit-transition: all 1s;background: #fff;}
.brands-container .group-table .group-kv .kv-item .videoBtn{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center;}
.brands-container .group-table .group-kv .kv-item .videoBtn img{width:90px; height:auto; cursor: pointer;}
.brands-video-show{position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items: center; z-index:-1; opacity: 0; transition: 1s ease;}
.brands-video-bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:-1; opacity: 0; transition: 1s ease;}
.brands-video-bg.on{opacity: 1;}
.brands-video-show.on{z-index:999; opacity: 1;}
.brands-video-show .video-item{display:none; max-width:95%; width:1050px; height:600px;}
.brands-video-show .video-item.on{display:block;}
.brands-container .group-table .group-kv .kv-item.on{opacity: 1;}
.brands-container .group-table .group-kv .kv-item img{width: 100%;height: 100%;}

.brands-container .group-table .group-kv .water-icon{text-indent:-9999px;position: absolute;z-index: 24;display: block;transition: all .4s;-webkit-transition: all .4s;width: 20px;height: 26px;background: url('../images/brands/water-icon.png') no-repeat;top:3%;left:-0.8%;}
.brands-container .group-table .group-kv.on0 .water-icon{top:12.5%;left: 0.4%;transform: rotate(2deg);}
.brands-container .group-table .group-kv.on1 .water-icon{top:25%;left: 1.4%;transform: rotate(-2deg);}
.brands-container .group-table .group-kv.on2 .water-icon{top:33.2%;left: 2.8%;transform: rotate(-5deg);}
.brands-container .group-table .group-kv.on3 .water-icon{top:42%;left: 4.5%;transform: rotate(-8deg);}
.brands-container .group-table .group-kv.on4 .water-icon{top:52.6%;left: 6.7%;transform: rotate(-8deg);}
.brands-container .group-table .group-kv.on5 .water-icon{top:64%;left: 8.5%;transform: rotate(-5deg);}
.brands-container .group-table .group-kv.on6 .water-icon{top:75%;left: 9.9%;transform: rotate(2deg);}
.brands-container .group-table .group-kv.on7 .water-icon{top:83.5%;left: 10.9%;transform: rotate(2deg);}
.brands-container .group-table .group-kv.on8 .water-icon{top:95%;left: 11.8%;transform: rotate(2deg);}

@media screen and (min-width: 1600px) {
    .brands-container .group-table .group-kv.on0 .water-icon{top:12.5%; left: 0.3%;}
    .brands-container .group-table .group-kv.on1 .water-icon{left: 1.7%;}
    .brands-container .group-table .group-kv.on2 .water-icon{left: 3%;}
    .brands-container .group-table .group-kv.on3 .water-icon{left: 4.7%;}
    .brands-container .group-table .group-kv.on4 .water-icon{left: 6.8%;}
    .brands-container .group-table .group-kv.on5 .water-icon{left: 8.7%;}
    .brands-container .group-table .group-kv.on6 .water-icon{left: 10.4%;}
    .brands-container .group-table .group-kv.on7 .water-icon{left: 11.3%;}
    .brands-container .group-table .group-kv.on8 .water-icon{left: 12.1%;}
}

@media screen and (min-width: 1900px) {
    .brands-container .group-table .group-kv.on0 .kv-item:nth-child(1) span{left: -0.6%;}
    .brands-container .group-tab.brand-list .logo:nth-child(1){left: -10%;}
    .brands-container .group-tab.brand-list .logo:nth-child(2){left: -9%;}
    .brands-container .group-tab.brand-list .logo:nth-child(3){left: -7%;}
    .brands-container .group-tab.brand-list .logo:nth-child(4){left: -4.5%;}
    .brands-container .group-tab.brand-list .logo:nth-child(5){left: -1.5%;}
    .brands-container .group-tab.brand-list .logo:nth-child(6){left: -1%;}
    .brands-container .group-tab.brand-list .logo:nth-child(7){left: 1%;}
    .brands-container .group-tab.brand-list .logo:nth-child(8){left: 1.6%;}
    .brands-container .group-tab.brand-list .logo:nth-child(9){left: 1.6%;}
}


.brands-container div.group-details .close{z-index:999;font-size:0;position:absolute;right:20px;top:20px;background:url("../images/brands/brands-details-close.png") no-repeat;display:block;background-size:100% 100%;height:40px;width:40px;text-indent:-999px;cursor:pointer}
.brands-container div.group-details {width:48%;left:100%;opacity:0;position:absolute;top:80px;-webkit-transition: left 1s;-moz-transition: left 1s;-ms-transition: left 1s;-o-transition: left 1s;transition: left 1s;}
.brands-container div.group-details.animate{left:52%;opacity:1;-webkit-transition: left 1s;-moz-transition: left 1s;-ms-transition: left 1s;-o-transition: all 1000ms;transition: left 1s;}
.brands-container div.group-table{overflow:hidden;position:absolute;top:0px;left:0px;-webkit-transition: left 1s;-moz-transition: left 1s;-ms-transition: left 1s;-o-transition: left 1s;transition: left 1s;}
.brands-container div.group-table.animate{left:-48%;-webkit-transition: left 1s;-moz-transition: left 1s;-ms-transition: left 1s;-o-transition: left 1s;transition: left 1s;}
.brands-container div.group-table.health-product.animate{left: -100%;}
.brands-container div.group-details.health-product.animate{left: 0;width: 100%;}

.brands-container div.group-details {height:-webkit-calc(100% - 80px);height:-moz-calc(100% - 80px);height:calc(100% - 80px);}
.brands-container div.group-details .slick-container{height:100%;overflow:hidden}
.brands-container div.group-details .slick-container .brands-slick{margin:0 45px;height:100%;display:none}
.brands-container .brands-slick.brands-mengniu ul{overflow:hidden; margin:0; padding-left:20px;}
.brands-container .brands-slick.brands-mengniu ul li{float:left; margin-right:40px;}
.brands-container .brands-slick.brands-mengniu .slide6 ul{overflow:hidden; margin:0; width:280px; padding-left:16px;}
.brands-container .brands-slick.brands-mengniu .slide6 ul li{float:left; width:130px; margin:0; padding:6px 0;}
.brands-container .brands-slick.brands-mifen ul{overflow:hidden; margin:0; padding-left:16px;}
.brands-container .brands-slick.brands-mifen ul li{float:left; margin-right:40px; }
.brands-container .brands-slick.brands-mifen .health-products{margin-top:0;}
.brands-container div.group-details .title {font-size: 22px;padding: 15px 20px 0 0;color: #176ecd;font-weight: bold;position: relative;}
.brands-container div.group-details .title .num{font-size:55px;font-style:italic;font-weight:600;}
.brands-container div.group-details .title .total{font-style:initial;padding:0 12px 0 0;}
.brands-container div.group-details .title label{display: inline-block;width: 294px;font-family: 'FZLTZH';}
.brands-container div.group-details .title img{height:80px;display: inline-block;margin-bottom: -24px;margin-left: 10px;}
.brands-container div.group-details .contents{font-size: 14px;}
.brands-container div.group-details .contents ul{margin-left: 20px;margin-bottom: 20px;}
.brands-container div.group-details .contents ul li{list-style: disc outside;color: #666;margin-bottom: 5px;}
.brands-container div.group-details .contents .tip{font-size: 12px;color: #666;margin-bottom: 20px;}
.brands-container div.group-details .contents p{color:#666;margin-bottom:20px;line-height: 1.6}
.brands-container div.group-details .contents p.headings{margin-bottom:5px;color:#666;font-weight: bold;}
.brands-container div.group-details .contents h3{color:#176ecd;margin:20px 0;font-weight:bold;font-size:18px}
.brands-container div.group-details .picture img{width:100%;}
.brands-container div.group-details .slick-container .slick-dots {bottom:15px;margin-bottom:0;}
.brands-container div.group-details .slick-container .slick-dots li{background:#eee;border-radius:50%;text-indent:-999px;width:12px;height:12px;}
.brands-container div.group-details .slick-container .slick-dots li button:before{content:""}
.brands-container div.group-details .slick-container .slick-dots li.slick-active{background:#176ecd;}
.brands-container div.group-details .slick-container .slick-dots button:focus{box-shadow:none;border:none;}
.brands-container div.group-details .slick-container button.slick-next:hover,.brands-container div.group-details .slick-container button.slick-next:focus,.brands-container div.group-details .slick-container button.slick-next:active
{background:inherit;box-shadow:none;border:none;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #176ecd;}
.brands-container div.group-details .slick-container .slick-next{left:444px;top:72px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #176ecd;}
.brands-container div.group-details .slick-container .slick-next:before{content: ""}
.brands-container div.group-details .slick-container .brands-slick5 .slick-next{left: 380px;}
.brands-container div.group-details .slick-container .brands-slick5 .slick-next.next-last{left: 420px;}
.brands-container div.group-details .slick-container .brands-slick3 .slick-next{left: 500px;}
.brands-container div.group-details .slick-container .brands-slick2 .slick-next{left: 420px;}
.brands-container div.group-details .brands-slick5 .title label{width: 230px;}
.brands-container div.group-details .brands-slick5 .slick-slide-last .title label{width: 270px;}
.brands-container div.group-details .brands-slick3 .title label{width: 350px;}
.brands-container div.group-details .brands-slick2 .title label{width: 270px;}

.cms-brands .group-table .group-kv::after,
.cms-yashily .group-table .group-kv::after,
.cms-ruibuen .group-table .group-kv::after,
.cms-dumex .group-table .group-kv::after,
.cms-duola .group-table .group-kv::after,
.cms-arla .group-table .group-kv::after,
.cms-mengniu .group-table .group-kv::after,
.cms-youyi .group-table .group-kv::after,
.cms-zhengwei .group-table .group-kv::after,
.cms-mifen .group-table .group-kv::after{background: none; display:none;}

.brands-slick6,.brands-slick7,.brands-slick8,.brands-slick9{margin: 0 !important;}
.brands-slick .swiper-pagination-bullets{bottom: 15px;}
.brands-slick .swiper-pagination-bullet{background: #eee;}
.brands-slick .swiper-pagination-bullet-active{background: #186fce;}

.brands-container .brands-slick .bgImg{width:100%; height:100%;}

.health-product-text{width: 44%;position: absolute;top:10%;right:2%;z-index: 1;color:#fff;}
.health-product-text h2{font-size: 24px;font-weight: bold;margin: 0;padding:40px 0;}
.brands-mengniu .health-product-text h2{padding:20px 0;}
.health-product-text h2 .num{font-size: 56px;font-style: italic}
.health-product-text h2 label{margin-left: 10px;}
.health-product-text ul{margin-left: 20px;}
.health-product-text ul li{list-style: disc outside;font-size: 16px;font-weight: 500}
.health-product-text .health-products{margin-top: 60px;}
.health-product-text .health-products .item{float: left;width: 30%;margin: 3% 5% 0 0;}
.health-product-text .health-products .item{margin-top:1%;}
.brands-mifen .health-product-text .health-products .item{margin-top:1%;}
.health-product-text .health-products .item:last-child{margin-right: 0;}
.health-product-text .health-products .item h4{font-size: 15px;font-weight: 500;margin: 15px 0;}
.health-product-text .health-products .item p{font-size: 12px;}
.health-product-text .health-products .item img{margin-top: 25px;width: 80%;}

.health-product-text.health-product-text1 .health-products .item img{width: auto;height: 115px;}
.health-product-text.health-product-text2{top:0;width: 36%;}
.health-product-text.health-product-text2 .health-products{margin-top: 40px;}
.health-product-text.health-product-text2 ul li{float:left;margin-right: 80px;}
.health-product-text.health-product-text2 ul li:last-child{margin-right: 0;}
.health-product-text.health-product-text2 .health-products .item img{width: auto;height: 105px;}
.health-product-text.health-product-text2 .health-products .item{width: 45%;}

.health-product-text.health-product-text3{color:#186fce;top:5%;width: 26%;right: 40%;}
.health-product-text.health-product-text3 .health-products{margin-top: 40px;}
.health-product-text.health-product-text3 h4,.health-product-text.health-product-text3 p{color:#666;}
.health-product-text.health-product-text3 .health-products .item{width: 100%}

.health-product-text.health-product-text4{color:#186fce;top:5%;}
.health-product-text.health-product-text4 h4,.health-product-text.health-product-text4 p{color:#666;}
.health-product-text.health-product-text4 .health-products .item img{width: auto;height: 110px;}

.health-product-text.health-product-text5 .health-products .item img{width: auto;height: 110px;}

.health-product-text.health-product-text6{color:#c59719;top:8%;}
.health-product-text.health-product-text6 h4,.health-product-text.health-product-text6 p{color:#666;}
.health-product-text.health-product-text6 .health-products .item img{width: auto;height: 120px;}
.health-product-text.health-product-text6 .health-products .item{width: 45%}
.health-product-text.health-product-text-alginCenter{top:0 !important; display:flex; flex-wrap:wrap; align-items: center; height:100%;}
.health-product-text.health-product-text-alginCenter .health-product-text-content{width:100%;}

.brands-slick7 .swiper-button-prev,.brands-slick7 .swiper-button-next{width: 60px;height: 60px;background-size: contain;background-repeat: no-repeat;text-indent: -99999px;border: 0 none;background-color:#000;border-radius:50%;top:47%;outline: none;}
.brands-slick7 .swiper-button-prev:hover,.brands-slick7 .swiper-button-next:hover{opacity: 0.5;}
.brands-slick7 .swiper-button-disabled{display: none;}
.brands-slick7 .swiper-button-prev{background-image: url("../images/slick-arrow-prev.png");left: 1%;}
.brands-slick7 .swiper-button-next{background-image: url("../images/slick-arrow-next.png");right: 3%;}

.back-text{display: inline-block;margin-bottom: 20px;font-size: 16px;font-weight: 500;}
.back-text:hover{text-decoration: none;}
.back-text:before{content:'';width: 10px;height: 10px;display: inline-block;border-top: 2px solid #0071ce;border-left: 2px solid #0071ce;transform: rotate(-45deg);}

/* news */
.clear{clear:both}
.news-wrapper{background: url("../images/news-bg.jpg") no-repeat bottom center;background-size: cover;width: 100%;height: 100vh;}
.news-wrapper .news-left{float: left;width: 70%;position: relative;height: 100%}
.news-wrapper .news-left-cover{position: absolute;z-index: 1;background: #fff;opacity: 0.5;width: 100%;height: 100%;}
.news-wrapper .news-right{float: right;width: 30%;}
.news-wrapper .news-left .media-news{padding:11% 5% 0 7%;position: relative;z-index: 9;}
.media-news .less-items .swiper-wrapper{display: block}
.media-news .less-items .news-item{float: left;width: 50%;margin: 0 0 2%;}
.media-news .news-item h3{font-size: 16px;color: #0071ce;font-weight: 400;margin:0 0 5px 0;}
.media-news .news-item h3.date{border-left: 3px solid #0071ce;padding-left: 10px;}
.media-news .news-item .cover-image{margin: 8px 0 7px;}
.media-news .news-item .des{height: 60px;overflow: hidden;width: 90%;}
body .columns .column.main .media-news .news-item .cover-image img{border-radius: 10px;display: inline-block;height: 200px;border: 4px solid #d7a04e;width: 400px;}
.media-news .swiper-slide p{color: #808080;margin: 0}
.media-news .swiper-button-prev,.media-news .swiper-button-next{width: 60px;height: 60px;background-size: contain;background-repeat: no-repeat;text-indent: -99999px;border: 0 none;background-color:transparent;top:50%;outline: none;}
.media-news .swiper-button-prev:hover,.media-news .swiper-button-next:hover{opacity: 0.8;}
.media-news .swiper-button-prev{background-image: url("../images/slick-arrow-prev.png");left: 1%;}
.media-news .swiper-button-next{background-image: url("../images/slick-arrow-next.png");right: 3%;}
.media-news .swiper-button-disabled{display: none;}
.news-wrapper .news-right .title{background: url("../images/news-text-title_new.png") no-repeat;max-width: 288px;width:45%;height: 72px;background-size: contain;margin: 32% auto 0;}
.news-wrapper .news-right .news-tab-wrapper{}
.news-wrapper .news-right #media-news-tab-title{position: relative;height: 320px;width: 400px;background-size: contain;margin:12% auto;}
.news-wrapper .news-right .media-news-tab-active{background: url("../images/media-news-title.png") no-repeat;}
.news-wrapper .news-right .group-award-tab-active{background: url("../images/group-award-title.png") no-repeat;}
.news-wrapper .news-right .new-activity-tab-active{background: url("../images/new-activiy-title.png") no-repeat;}
.news-wrapper .news-right #media-news-tab-title span{position: absolute;z-index: 2;cursor: pointer;background:#fff; opacity: 0;border-radius: 50%}
.news-wrapper .news-right #media-news-tab-title span:hover{opacity: 0.4;}
.news-wrapper .news-right .media-news-tab-active .media-news-tab{width: 28%;height: 35%;top: 43%;left: 35%;}
.news-wrapper .news-right .media-news-tab-active .group-award-tab{width: 20%;height: 24%;left:6%;top:5%;}
.news-wrapper .news-right .media-news-tab-active .new-activity-tab{width: 19%;height: 25%;right:7%;top:17%;}
.news-wrapper .news-right .group-award-tab-active .media-news-tab{width: 19%;height: 24%;top: 53%;left: 42%;}
.news-wrapper .news-right .group-award-tab-active .group-award-tab{width: 27%;height: 33%;left:6%;top:7%;}
.news-wrapper .news-right .group-award-tab-active .new-activity-tab{width: 19%;height: 23%;right:6%;top:24%;}
.news-wrapper .news-right .new-activity-tab-active .media-news-tab{width: 19%;height: 24%;top: 50%;left: 38%;}
.news-wrapper .news-right .new-activity-tab-active .group-award-tab{width: 19%;height: 24%;left:6%;top:7%;}
.news-wrapper .news-right .new-activity-tab-active .new-activity-tab{width: 27%;height: 33%;right:6%;top:15%;}

/* store map */
.store-map-wrapper #allmap{float: left;width: 70%;height: 100vh;}
.store-map-wrapper .map-brands{float: right;width: 26%;padding:90px 2% 20px;}
.map-brands h1{font-size: 24px;font-weight: 500;color: #006db6;margin:0;padding:10px 0 20px;}
.map-brands h1 span{padding-left: 10px;}
.map-brands .brands-list ul{margin-bottom: 10px;}
.map-brands .brands-list ul li{float:left;width: 50px;margin: 10px 23px 0 0;height: 32px;line-height: 32px;opacity: 0.4;padding-bottom: 15px;cursor: pointer}
.map-brands .brands-list ul li.active{opacity: 1;background: url("../images/store-locate-active.png") no-repeat bottom center;}
.map-brands .brands-list ul li.brand_id6{padding-bottom: 35px;}
.map-brands .brands-list ul li img{height:auto; max-width:100%; display: inline-block !important;vertical-align: middle}
.map-brands .brand-store-list{overflow: hidden;position: relative}
.map-brands .brand-store-list ul li{margin: 20px 0;}
.store-info-wrapper{position: relative;padding-right: 40px;}
.store-info-wrapper .brand-logo{float:left;width: 20%;padding-top: 5%;}
.store-info-wrapper .brand-logo img{height:auto; max-width:100%;}
.store-info-wrapper .store-info{float:right;width: 75%;border-bottom: 1px solid #eee;padding-bottom: 22px;}
.store-info-wrapper .store-info h3{font-weight: 500;font-size: 16px;color: #111;margin: 0 0 6px;}
.store-info-wrapper .store-info p{color: #666;margin: 3px 0;}
.store-info-wrapper .store-info a{color: #666;}
.store-info-wrapper .marker-icon{position: absolute;right:16px;bottom:25%;background: url("../images/store-mark.png") no-repeat;display: block;width: 20px;height: 32px;background-size: contain}
.store-info-wrapper .marker-icon.active{background: url("../images/store-mark-active.png") no-repeat;background-size: contain}

.store-popup-window img{float: left;width: 20%;margin-top: 7%;}
.store-popup-window .info{float: right;width: 75%;}
.store-popup-window .info h3{font-weight: 500;font-size: 16px;color: #866437;margin: 0 0 6px;}
.store-popup-window .info p{color: #111;margin: 3px 0;}
.store-popup-window .info a{color: #111;}
.open-map-brands-icon{display: none;}

.anchorBL{display: none;}
.hidden-mobile{display: block}
.hidden-pc{display: none}

.newstitbox .news-tip .news-tip-item {float: left;}

.share-box{position: relative;float: left;width: 200px;}
.wechat-qrcode{
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px #aaa;
    padding-bottom: 10px;
    left: -26px;
    top:40px;
}
.wechat-qrcode .close_qrcode{
    position: absolute;
    right: 6px;
    top:6px;
    display: inline-block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url('../images/popup_close.png') no-repeat;
    background-size: contain;
}
.wechat-qrcode h4{
    margin: 0;
    background: #f3f3f3;
    font-size: 14px;
    padding:10px;
}
.wechat-qrcode .qrcode{
    margin:15px 15px 5px
}
.wechat-qrcode p{
    margin:0;
    font-size: 12px;
    padding:0 10px;
    line-height: normal;
}
.wechat-qrcode:after{
     content: '';
     position: absolute;
     margin-left: -6px;
     top: -17px;
     width: 0;
     height: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent transparent #aaa transparent;
 }

.map-brands .brand-store-list .optiscroll-v,.media-news .optiscroll-v{
    width: 5px;
    background:  #eeeeee;
    border-radius: 5px;
    cursor: pointer;
}
.map-brands .brand-store-list .optiscroll-vtrack,.media-news .optiscroll-vtrack{
    opacity: 1;
    right: 0;
    width: 5px;
    border-radius: 5px;
    background: #196fce;
}

.not-found{position: relative;background: url("../images/404.jpg") no-repeat bottom center;width: 100%;height: 100vh;background-size: cover}
.not-found .text{position: absolute;width: 100%;text-align: center;top:38%;}
.not-found .text p{color:#1b3364;font-size: 16px;}
.not-found .text .go-home{background: #1478bc;color: #fff;display: block;border-radius: 40px;margin:20px auto;width: 150px;padding:10px;}
.not-found .text .go-home:hover{background: rgba(0,109,182,0.92);text-decoration: none;}

.best-owner{position: relative;background: url("../images/best_owner_bg_new.jpg") no-repeat bottom left;width: 100%;height: 100vh;background-size: cover}

/* small screen and small height css */
.smallHeight .brands-container .group-table .group-text{/*padding-top: 7%;*/ padding-top:84px;}
.smallHeight .brands-container .group-table .group-text .text-item .brand-logo img{width: 85px;}
.smallHeight .brands-container .group-table .group-text .text-item:nth-child(3) .brand-logo img{width: 70px;}
.smallHeight .brands-container .group-table .group-text .text-item:nth-child(6) .brand-logo img{width: 105px;}
.smallHeight .brands-container .group-table .group-text .text-item:nth-child(8) .brand-logo img{width: 100px;}
.smallHeight .brands-container .group-table .group-text .brand-mess{margin-top: 15px;}
.smallHeight .brands-container .group-table .group-text .brand-mess .name{padding-bottom: 15px;margin-bottom: 17px;font-family: 'FZLTZH';}
.smallHeight .brands-container .group-table .group-text .brand-desc{margin-bottom: 18px;}
.smallHeight .brands-container .group-table .group-text .text-item .brand-backgroundimg{bottom: 10px;left: 6%;width: 28%;}
.smallHeight .brands-container div.group-details .contents{max-height: 200px;overflow: auto;margin-bottom: 10px;}
.brands-container div.group-table.animate .text-item.on{opacity: 0;}
.smallHeight .brands-container div.group-details .title{padding: 5px 20px 0 0;}
.smallHeight .brands-container div.group-details .contents h3{margin: 5px 0 14px;}
.smallHeight .brands-container div.group-details .picture img{width:100%;}
.smallHeight .brands-container div.group-details .slick-container .slick-next{top:65px;}
.smallHeight .brands-container div.group-details .slick-container .brands-slick .swiper-slide img{width: 100%;height: 100%;}

.smallHeight .health-product-text {top:5%;}
.smallHeight .brands-container div.group-details .slick-container .brands-slick .swiper-slide .health-product-text .health-products .item img{margin-top: 20px;height: 105px;width: auto;}
.smallHeight .brands-container div.group-details .slick-container .brands-slick.brands-mifen .swiper-slide .health-product-text .health-products .item img,
.smallHeight .brands-container div.group-details .slick-container .brands-slick.brands-mengniu .swiper-slide .health-product-text.health-product-text2 .health-products .item img{height:85px;}
.smallHeight .health-product-text h2{padding:30px 0;}
.smallHeight .brands-mifen .health-product-text h2{padding-top:0;}
.smallHeight .brands-mifen .health-products .product-img{width:40% !important;}
.smallHeight .health-product-text ul{margin-bottom: 0;}
.smallHeight .health-product-text .health-products{margin-top: 0;}
.smallHeight .health-product-text.health-product-text2{top:2%;}
.smallHeight .health-product-text.health-product-text2 h2{padding:15px 0;}
.smallHeight .health-product-text.health-product-text2 ul li{margin-bottom: 0;}
.smallHeight .brands-container div.group-details .slick-container .brands-slick .swiper-slide .health-product-text.health-product-text2 .health-products .item img{height: 90px;margin-top: 10px;}
.smallHeight .health-product-text.health-product-text4{top:3%;}
.smallHeight .health-product-text.health-product-text6{top:8%;}

/*产品查询*/
.cms-product-search .breadcrumbs{display:none;}
.cms-product-search .page-wrapper{min-height:auto; height:100%; overflow-y:scroll;}
.productQuery{padding-top:80px; background:url(../images/babyline.jpg) repeat-y center 0; font:12px/1.5 Microsoft YaHei, Arial, Helvetica, sans-serif;}
.productQuery img{width:100%;}
.productQuery .productQueryC{width:960px; margin:0 auto;}
.productQuery h1{margin:0; padding-top:20px; text-align:center; font-size:40px; color:#0072bc; font-weight:500;}
.productQuery .select{margin-top:30px; display:flex; justify-content: center;}
.productQuery .select label{color:#0072bc; font-size:28px; display:block; font-weight: 500; margin-right:4px;}
.productQuery .select select{height:40px; padding:6px; font-size:20px; font-weight: 500; color:#0072bc; width:160px; background:url(../images/i_select.jpg) 94% center no-repeat #fff; border:1px solid #a9a9a9; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; outline:none; box-shadow:none;}
.productQuery .select select::-ms-expand { display: none; }
.productQuery .select .input-box{display:flex; align-items:center; margin-left:100px;}
.productQuery .pContent{padding-top:40px;}
.productQuery .pContent .item{display:none;}
.productQuery .pContent .item.on{display:block;}
.productQuery .pContent .img{text-align:center;}
.productQuery .pContent .img img{width:220px; display:inline-block !important;}
.productQuery .pContent .img .name{display:block; font-size:14px; color:#003399;}
.productQuery .pContent .title{font-size:24px; color:#003399; line-height:140px;}
.productQuery .pContent .pdf-query{overflow:hidden;}
.productQuery .pContent .pdf-query .c{padding-left:120px; font-size:32px; font-weight:bold; text-align:right; float:left; color:#333;}
.productQuery .pContent .pdf-query .c span{line-height:48px;}
.productQuery .pContent .pdf-query .c a{color:#003399; font-size:16px; line-height:68px; display:block;}
.productQuery .pContent .pdf-query .c a:hover{text-decoration: none;}
.productQuery .pContent .pro-query-link{padding-bottom:90px;}
.productQuery .pContent .pro-query-link a{display: block; color: #fff; font-size: 16px; width: 238px; height: 40px; line-height: 40px; background-color: #003399; border-radius: 5px; margin: 0 auto; text-align: center;}
.productQuery .pContent .pro-query-link .detail-link-mobile{display: none;}
.nav #menu-list .main-cate .nav-mb-cpsy{display: none;}

@media screen and (min-width: 768px) {
    .smallHeight .group-table .group-text {
        /*padding-top: 5%;*/
        padding-top:84px;
    }

    .smallHeight .group-table .group-text h2 {
        padding-top: 105px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .smallHeight .group-tab {
        bottom: 3%;
        right: 3%;
    }

    .smallHeight .science-quality-control-content .sqc-menu .sqc-title {
        padding-bottom: 20px;
    }

    .smallHeight .science-quality-control-content .sqc-menu {
        top: 20px;
    }

    .smallHeight .social-content .social-left h2 {
        margin-top: 35px;
        padding-top: 75px;
        margin-bottom: 20px;
    }

    .smallHeight .social-content .social-left p {
        line-height: 24px;
        margin: 0 0 20px;
    }

    .smallHeight body .columns .column.main .activities-item li .cover-image img {
        height: 160px;
        width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .hidden-mobile{display: none}
    .hidden-pc{display: block}
    .notice-details-view, .notice-details-newview{background: #fff;}
    .store-map-wrapper #allmap{float: none;width: 100%;}
    .map-brands h1{font-size: 18px;font-weight: 400;text-align: center;padding:10px 0;}
    .store-info-wrapper .store-info h3{font-size: 14px;font-weight: 400;}
    .store-info p,.store-info a{font-size: 13px;}
    .store-map-wrapper .map-brands{float: none;width: 87%;padding:0 0 0 39px;position: fixed;top:0;right: -87%;transition:all 1s;}
    .store-map-wrapper .map-brands.open{right:0;}
    .store-map-wrapper .map-brands .map-brands-wrapper{background: #fff;padding:72px 15px 20px;height: 100vh;}
    .open-map-brands-icon{display: block;background: #fff;position: absolute;top:43%;left:0;width: 40px;height: 80px;border-radius: 80px 0 0 80px;box-shadow: -3px 2px 3px 1px #aaa;}
    .open-map-brands-icon:after{content:'';display: block;border-left:4px solid #006db6;border-bottom: 4px solid #006db6;width: 14px;height: 14px;transform: rotate(45deg);position: absolute;top: 31px;left: 18px;transition:all 1s;}
    .open-map-brands-icon.open:after{transform: rotate(-135deg);left: 10px;}
    .map-brands .brands-list ul li{width: 32px;margin: 10px 6px 0 0;padding:10px;background: #f8f8f8;border-radius: 50%;}
    .map-brands .brands-list ul li.active{background: #fefefe;border: 1px solid #d6e3f3;padding:12px;margin-top: 4px;}
    .map-brands .brands-list ul li.brand_id6{padding-bottom: 10px;}
    .store-info-wrapper{padding: 0;margin-bottom: 17px;}
    .store-info-wrapper .brand-logo{width: 16%;}
    .store-info-wrapper .store-info{width: 67%;padding:0 13% 17px 0;}

    .news-wrapper{background: url("../images/news-bg-mb.jpg") no-repeat bottom center;background-size: cover}
    .news-wrapper .news-right #media-news-tab-title{width: 320px;height: 115px;margin: 6% auto 0;}
    .news-wrapper .news-right .media-news-tab-active{background: url("../images/media-news-title-mb.png") no-repeat;}
    .news-wrapper .news-right .group-award-tab-active{background: url("../images/group-award-title-mb.png") no-repeat;}
    .news-wrapper .news-right .new-activity-tab-active{background: url("../images/new-activiy-title-mb.png") no-repeat;}
    .news-wrapper .news-left{float: none;width: 100%;height: auto}
    .news-wrapper .news-left-cover{display: none;}
    .news-wrapper .news-right{float: none;width: 100%;position: fixed;z-index: 1;bottom: 0;left: 0;}
    .news-wrapper .news-right .title{display: none}
    .news-list.no-news{padding-top: 50px;min-height: 250px;text-align: center}
    .news-wrapper .news-right .media-news-tab-active .media-news-tab{width: 24%;height: 65%;top: 25%;left: 38%;}
    .news-wrapper .news-right .media-news-tab-active .group-award-tab{width: 20%;height: 55%;left: 7%;top: 34%;}
    .news-wrapper .news-right .media-news-tab-active .new-activity-tab{width: 20%;height: 55%;left: 73%;top: 34%;}
    .news-wrapper .news-right .group-award-tab-active .group-award-tab{width: 24%;height: 65%;left: 5%;top: 25%;}
    .news-wrapper .news-right .group-award-tab-active .media-news-tab{width: 20%;height: 55%;top: 34%;left: 40%;}
    .news-wrapper .news-right .group-award-tab-active .new-activity-tab{width: 20%;height: 55%;left: 73%;top: 34%;}
    .news-wrapper .news-right .new-activity-tab-active .new-activity-tab{width: 24%;height: 65%;left: 71%;top: 25%;}
    .news-wrapper .news-right .new-activity-tab-active .media-news-tab{width: 20%;height: 55%;top: 34%;left: 40%;}
    .news-wrapper .news-right .new-activity-tab-active .group-award-tab{width: 20%;height: 55%;left: 7%;top: 34%;}


    #media-news{padding-top: 19%;width: 90%;margin: auto;overflow: hidden;text-align: center}
    .zixun-title{background: url("../images/news-text-title_new.png") no-repeat;max-width: 288px;width:40%;height: 35px;background-size: contain;margin: 15px auto;}
    .media-news-slick-mb .swiper-slide img{border-radius: 10px;;}
    .media-news-slick-mb .swiper-slide h3{font-size: 16px;height:34px;overflow:hidden;font-weight: 500;margin: 12px 0;color: #0071ce;visibility: hidden;}
    .media-news-slick-mb .swiper-slide.swiper-slide-active h3,.media-news-slick-mb .swiper-slide.swiper-slide-active p{visibility: visible}
    .media-news-slick-mb .swiper-slide p{color: #808080;margin: 0;padding-top: 10px;visibility: hidden;line-height: 1.2}
    .media-news-slick-mb.less-items .swiper-slide h3,.media-news-slick-mb.less-items .swiper-slide p{visibility: visible}

    .brands-content-mb-wrapper{padding-top: 60px;height: 100%;}
    .brands-content-mb-wrapper .brand-kv{display: none}
    .brands-content-mb-wrapper .brand-kv.active{display: block}
    .brands-content-mb-wrapper .brand-kv span{display: none; position:relative;}
    .brands-content-mb-wrapper .brand-kv span img{width:100%;}
    .brands-content-mb-wrapper .brand-kv span .videoBtn{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
    .brands-content-mb-wrapper .brand-kv span .videoBtn img{width:12%;}
    .brands-video-show .video-item{width:96%; height:auto;}
    .brands-content-mb-wrapper .brand-kv span.active{display: block;}

    .brands-content-mb-wrapper .brand-title-tab ul{margin-bottom: 0;background: url("../images/brand-title-tab-mb.png") no-repeat;background-size: contain;height: 35px;}
    .brands-content-mb-wrapper .brand-title-tab ul.health-selected{background: url("../images/brand-title-tab-mb2.png") no-repeat;background-size: contain;}
    .brands-content-mb-wrapper .brand-title-tab li{float: left;width: 50%;padding:5px 0;margin-bottom: 0;text-align: center;color: #fff;cursor: pointer}
    .brands-content-mb-wrapper .brand-title-tab li a{color:#fff; font-size:1.6rem; display:block;}
    .brands-content-mb-wrapper .brand-content{padding:12px 18px;display: none;}
    .brands-content-mb-wrapper .brand-content.active{display: block;}
    .brands-content-mb-wrapper .brand-content .brand-list-mb span{width: 50px;height: 50px;margin:0 7px;background-color: #fff;border-radius: 50%;box-shadow: 1px 1px 3px 1px #ccc;background-size: contain;background-repeat: no-repeat;background-position: center;text-indent: -99999px;opacity: 0.5;cursor: pointer}
    .brands-content-mb-wrapper .brand-content.brand-child-content .brand-list-mb span{float:left;}

    .brand-health-content .brand-list-mb{display:flex; justify-content: center; align-items:center;}
    .brand-list-mb span#brand-ysl-child{background-image: url("../images/brands/brand-logo1.png");}
    .brand-list-mb span#brand-rpe-child{background-image: url("../images/brands/brand-logo2.png");}
    .brand-list-mb span#brand-dmz-child{background-image: url("../images/brands/brand-logo3.png");}
    .brand-list-mb span#brand-dlxy-child{background-image: url("../images/brands/brand-logo4.png");}
    .brand-list-mb span#brand-arla-child{background-image: url("../images/brands/brand-logo5.png");}
    .brand-list-mb span#brand-youyi-health{background-image: url("../images/brands/brand-logo6-mb.png");}
    .brand-list-mb span#brand-youduan-health{background-image: url("../images/brands/brand-logo7.png");}
    .brand-list-mb span#brand-zhengwei-health{background-image: url("../images/brands/brand-logo8.png");}
    .brand-list-mb span#brand-mifen-health{background-image: url("../images/brands/brand-logo1.png");}

    .brands-content-mb-wrapper .brand-content .brand-list-mb span.active{opacity: 1;}
    .brands-content-mb-wrapper .brand-content .brand-name{margin: 15px 0 12px;text-align: center}
    .brands-content-mb-wrapper .brand-content .brand-name span{font-size: 18px;color: #176ecd;font-weight: 500;}
    .brands-content-mb-wrapper .brand-content .brand-name a{font-size:14px;color: #176ecd;padding-left: 17px;background: url("../images/brands/icon-coordinates.png") no-repeat;background-size: 18%;margin-left: 20px;}
    .brands-content-mb-wrapper .brand-content .brand-description{max-height: 390px;overflow: auto;}
    .brands-content-mb-wrapper .brand-content .brand-description .zhaiyao span{color: #ccc;}
    .brands-content-mb-wrapper .brand-content .brand-description{text-align: center;line-height: 1.6;}
    .brands-content-mb-wrapper .brand-content .brand-description p{color: #666;margin-bottom: 10px;font-weight: 300;line-height: 1.5;}
    .brands-content-mb-wrapper .brand-content .brand-description .all-info{display: none;}
    .brands-content-mb-wrapper .brand-content .brand-description h5{font-size: 14px;color: #176ecd;margin: 6px;font-weight: 500;}
    .brands-content-mb-wrapper .brand-content .brand-description .tip{margin-top: 20px;}
    .brands-content-mb-wrapper .brand-content .brand-description .tip p{font-size: 12px;margin-bottom: 0;}
    .brands-content-mb-wrapper .actions-set{text-align: center}
    .brands-content-mb-wrapper .expend-icon{width: 12px;height: 12px;transition: all .5s;display: block;margin: 0 auto;text-indent: -99999px;border-top: 2px solid #999;border-right: 2px solid #999;transform: rotate(-45deg);cursor: pointer}
    .brands-content-mb-wrapper .expend-icon.open{transform: rotate(135deg);}
    .brands-content-mb-wrapper .view-details-btn{ margin:8px auto;display: block;width: 110px;padding: 8px 0;border: 1px solid #176ecd;text-align: center;border-radius: 50px;text-decoration: none;color: #176ecd;font-size: 15px;font-weight: 300;cursor: pointer}

    .brands-content-mb-wrapper .brand-info{display: none;}
    .brands-content-mb-wrapper .brand-info.active{display: block;}

    .more-info-right{position: fixed;width: 40%;right:-40%;top:60px;padding-left: 35px;height: 100%;transition: all 1s;}
    .more-info-right.open{right: 0;}
    .more-info-right .more-info-icon{background: #fff;position: absolute;width: 40px;height: 80px;border-radius: 80px 0 0 80px;box-shadow:-2px 1px 2px 0px #bbb;display: block;left: 0;top:40%;font-size: 12px;color: #006db6;text-align: center;cursor: pointer}
    .more-info-right .more-info-icon:before{background: url("../images/brands/brand-more-icon.png") no-repeat;content:'';display: block;width: 24px;height: 25px;background-size: contain;margin: 20px 0 0 8px;}
    .more-info-right .social-list{display: none;background: #fff;padding:10px 0 0 30px;height: 100%;}
    .more-info-right .social-list.active{display: block;}
    .more-info-right .social-list h3{font-size: 18px;font-weight: 500;margin: 20px 0;color:#176ecd;line-height: 1.4; }
    .more-info-right .social-list h3:after{width: 40px;height: 2px;display: block;background: #176ecd;content: '';margin-top: 15px;}
    .more-info-right .social-list ul{margin: 0}
    .more-info-right .social-list ul li{padding:22px 0;margin: 0;border-bottom: 1px solid #dfdfdf;}
    .more-info-right .social-list ul li a{display: block;color: #666;font-weight: 300;line-height: 40px;position: relative;cursor: pointer}
    .more-info-right .social-list ul li a:before{background-repeat: no-repeat;width: 40px;height: 40px;background-size: contain;content: '';float:left;margin-right: 10px;}
    .more-info-right .social-list ul li a.social-wechat:before{background-image: url("../images/brands/wechat-icon-mb.png");}
    .more-info-right .social-list ul li a.social-weibo:before{background-image: url("../images/brands/webo-icon-mb.png");}
    .more-info-right .social-list ul li a.social-jd:before{background-image: url("../images/brands/jd-icon-mb.png");}
    .more-info-right .social-list ul li a.social-tmall:before{background-image: url("../images/brands/tmall-icon-mb.png");}
    .more-info-right .social-list ul li .qrCode{display: none;position: absolute;top:45px;left:-5px;z-index: 9;width: 100px;}

    .brand-info-details{position: fixed;z-index: 9;background: #fff;left: 0;bottom:-100%;width: 100%;height:-webkit-calc(100% - 60px);height:-moz-calc(100% - 60px);height:calc(100% - 60px);transition: all .6s;}
    .brand-info-details.active{bottom:0;}
    .brand-info-details .swiper-container{height: 100%;}
    .brand-info-details .back-icon{background: url("../images/brands/brand-back-icon.png") no-repeat;width: 40px;height: 40px;display: block;position: absolute;top:10px;left: 10px;z-index: 9;background-size: contain;text-indent: -9999px;background-color: #000;border-radius: 50%;opacity: 0.6;cursor: pointer}
    .brand-info-details .title {padding:10px 65px 0 20px;font-size:17px;color:#176ecd;font-weight: bold;position: relative;}
    .brand-info-details .title .num{font-size:40px;font-weight:600;font-style:italic;padding-left: 5px;}
    .brand-info-details .title .total{font-style:italic;padding:0 10px 0 0;}
    .brand-info-details .title label{width: 73%;display: inline-block;line-height: 1.1}
    .brand-info-details .title img{height:55px;position: absolute;top:10px;right: 30px;}
    .brand-info-details .contents{padding: 0 25px;overflow: auto;font-size: 13px;}

    .brand-info-details .contents ul{margin-left: 20px;margin-bottom: 20px;}
    .brand-info-details .contents ul li{list-style: disc outside;color: #666;margin-bottom: 5px;}
    .brand-info-details .contents .tip{font-size: 12px;color: #666;line-height: 1.6}

    .brand-info-details .contents p{color:#666;margin-bottom:20px;font-size:13px;line-height: 1.6}
    .brand-info-details .contents p.headings{margin-bottom:5px;font-weight: bold}
    .brand-info-details .contents h3{color:#176ecd;margin:5px 0 20px;font-weight:bold;font-size:15px;}

    .brand-info-details-slide .swiper-slide .picture img{width: 100%;}
    .brand-info-details-slide .swiper-pagination-bullet{background: #eee;cursor: pointer}
    .brand-info-details-slide .swiper-pagination-bullet-active{background: #186fce;}

    .brand-info-details-slide .swiper-button-disabled{display: none}
    .brand-info-details-slide .swiper-button-next{width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #176ecd;content: '';right: 18px;top:218px;}
    .brand-info-details-slide .swiper-button-prev{width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #176ecd;content: '';top:218px;left: 15px;}
    .brand-health-content .brand-info-details-slide .swiper-button-next,.brand-health-content .brand-info-details-slide .swiper-button-prev{top:215px;}

    .newstitbox{width: 100%;margin: 60px auto 0;padding: 24px 30px;}
    .newstitbox h6{font-size: 20px;text-align: center;margin: 0 0 10px;line-height: 1.4;}
    .newstitbox .details-content-box p{margin-bottom: 15px;line-height: 24px;}
    .newstitbox .details-content-box{margin: 20px 0;}
    .newstitbox .news-tip .news-tip-item {float: none;}
    .newstitbox .news-tip .news-date{margin-right: 0;}

    .not-found{position: relative;background: url("../images/404_mb.jpg") no-repeat bottom center;background-size: cover}
    .not-found .text{top:30%;}

    .bigHeight-mb .brands-content-mb-wrapper .brand-content{padding:9% 15px;}
    .bigHeight-mb .brands-content-mb-wrapper .brand-content .brand-list-mb span{width: 54px;height: 54px;margin: 0 5px;}
    .bigHeight-mb .brands-content-mb-wrapper .brand-content .brand-list-mb span a{display:block; height:100%;}
    .bigHeight-mb .brands-content-mb-wrapper .brand-content .brand-name{margin: 8% 0;font-family: "FZLTZH";}
    .bigHeight-mb .brands-content-mb-wrapper .brand-content .brand-description p{line-height: 1.8;}
    .bigHeight-mb .brands-content-mb-wrapper .view-details-btn{margin: 20px auto;width: 150px;padding:13px 0;}
    .bigHeight-mb .more-info-right .social-list{padding:25% 0 0 30px;}
    .bigHeight-mb .more-info-right .social-list ul li{padding: 30px 0;}
    .bigHeight-mb .zixun-title{margin: 10% auto;}
    .bigHeight-mb .news-wrapper .news-right{bottom: 6%;}


    .health-product-text {width: 86%;top:27%;right:7%;color:#186fce;height: 67%;overflow: auto}
    .health-product-text h2{font-size: 18px;padding:20px 0 15px;}
    .health-product-text h2 .num{font-size: 45px;}
    .health-product-text h2 label{margin-left: 10px;}
    .health-product-text ul{margin-bottom: 10px;}
    .health-product-text ul li{font-size: 14px;margin-bottom: 5px;}
    .health-product-text .health-products{margin-top: 0 !important;}
    .health-product-text .health-products .item{width: 46%;color:#666;margin: 5% 5% 0 0;}
    .health-product-text .health-products .item.even{margin-right: 0;}
    .health-product-text .health-products .item h4{font-size: 14px;margin: 0;height: 30px;}
    .health-product-text .health-products .item p{font-size: 12px;}
    .health-product-text .health-products .item img{margin-top: 5px;width: auto;height: 70px;}
    .health-product-text .health-products .item.last {position: relative;width: 100%;}
    .health-product-text .health-products .item.last .product-img{position: absolute;top:0;left:50%;}

    .brand-youduan-health-info-details .health-product-text h2{padding:5px 0 10px;}
    .brand-youduan-health-info-details .health-product-text ul{margin-bottom: 7px;}
    .health-product-text.health-product-text1 .health-products .item img{height: 70px;}
    .health-product-text.health-product-text2{width: 86%;top:27%;}
    .health-product-text.health-product-text2 ul li{float:none;margin-right: 0}
    .health-product-text.health-product-text2 .health-products .item img{height: 70px;}
    .health-product-text.health-product-text3{width: 86%;top:27%;right: 7%;}
    .health-product-text.health-product-text3 .health-products .item{width: 80%;float:none;margin: 10% auto 0;}
    .health-product-text.health-product-text3 .health-products .item h4{text-align: center}
    .health-product-text.health-product-text3 .health-products .item img{height: 130px;margin:20px auto;}
    .health-product-text.health-product-text4{top:27%;}
    .health-product-text.health-product-text4 .health-products .item img{height: 70px;}
    .health-product-text.health-product-text6{top:27%;}
    .health-product-text.health-product-text6 .health-products .item img{height: 100px;}

    .best-owner{position: relative;background: url("../images/best_owner_mb_bg_new.jpg") no-repeat bottom left;width: 100%;height: 100vh;background-size: 100% 100%;}

    /*产品查询*/
    .productQuery{padding:60px 20px 0;}
    .productQuery .productQueryC{width:100%;}
    .productQuery h1{height:58px; line-height:42px; font-size:22px; padding-top:0; font-family:"Microsoft YaHei", "微软雅黑" !important; font-weight:400;}
    .productQuery .select{margin-top:0;}
    .productQuery .select label{font-size:18px; font-weight:normal; margin-right:0;}
    .productQuery .select select{margin-left:12px; font-size:14px; width:auto; height:28px; padding:2px 14px 2px 2px;}
    .productQuery .select .input-box{margin:0;}
    .productQuery .pContent{padding-top:30px;}
    .productQuery .pContent .img img{width:120px;}
    .productQuery .pContent .img .name{font-size:12px;}
    .productQuery .pContent .title{font-size:18px; line-height:44px; margin-top:20px;}
    .productQuery .pContent .pdf-query .c{font-size:20px; float:none; text-align:center; padding-left:0; display:flex; align-items: center; justify-content:center;}
    .productQuery .pContent .pdf-query .c span{line-height:normal;}
    .productQuery .pContent .pdf-query .c a{display:inline-block; font-size:16px; line-height:normal; margin-left:8px;}
    .productQuery .pContent .pro-query-link{padding-bottom:15px;}
    .productQuery .pContent .pro-query-link a{margin-top:20px; font-size:14px; height:30px; line-height:30px; width:160px;}
    .productQuery .pContent .pro-query-link .detail-link-pc{display: none;}
    .productQuery .pContent .pro-query-link .detail-link-mobile{display: block;}
    .nav #menu-list .main-cate .nav-pc-cpsy{display: none;}
    .nav #menu-list .main-cate .nav-mb-cpsy{display: block;}
}

@media screen and (max-width: 320px) {
    .brands-content-mb-wrapper .brand-content{padding:17px;}
    .brands-content-mb-wrapper .brand-content .brand-list-mb span{width: 42px;height: 42px;}
    .brands-content-mb-wrapper .brand-content .brand-description{font-size: 12px;}
    .brand-info-details .title label{width: 170px;}
    .more-info-right .social-list{padding: 20px 0 0 24px;}
    .brand-info-details .contents{max-height: 253px;}
    .brand-info-details-slide .swiper-button-prev,.brand-info-details-slide .swiper-button-next{top:38%;}
    .brand-youduan-health-info-details .brand-info-details-slide .swiper-button-prev, .brand-youduan-health-info-details .brand-info-details-slide .swiper-button-next{top:36.5%;}
    .brands-content-mb-wrapper .brand-content .brand-name{margin: 18px 0;}
    .menu-list .optiscroll{max-height: 60vh;}
    .menu-list .main-cate > li{margin-bottom: 17px;}
    .wangxin-confirm-info{padding: 6px 10px 1px;}
    .wangxin-confirm-info .wangxin-img{width: 39%;}
    .wangxin-confirm-info .beian{padding:1px 0 2px 22px}
    .nav .bot-info{padding: 15px;}
}